ویژگی font-weight در css
css از جمله پرکاربردترین زبان های برنامه نویسی است که در طراحی سایت بسیار مورد استفاده قرار می گیرد. در این قسمت از آموزش CSS ، ویژگی Font-Weight را برای شما توضیح می دهیم.
خاصیت font دارای چند ویژگی می باشد که یکی از این ویژگی ها خاصیت Font-Weight می باشد.با استفاده از این خاصیت می توان میزان ضخامت قلم نوشته را بر حسب چندحالت تعیین کرد که عبارتند از:
Normal : ضخامت قلم موردنظر معمولی میباشد که این حالت به صورت پیش فرض است.
Bold : متن نوشته شده را با قلم پررنگ (توپر) درمی آورد.
Bolder : قلم منتخب متن را به صورت خیلی تو پر و ضخیم درمی آورد.
Lighter : قلم منتخب متن نوشته شده را به صورت نازکتر از حالت نرمال نمایش می دهد.
۱۰۰ تا ۹۰۰ : با استفاده از حالت مقدارهای عددی می توان میزان ضخامت نوشته را تعیین کرد که هر چه عدد بزرگتر باشد ضخامت نوشته بیشتر می شود.
مثال زیر کاربرد ویژگی Font-Weight را در طراحی سایت نشان می دهد.
<!DOCTYPE html>
<html>
<head>
<style>
p.normal {font-weight:normal;}
p.light {font-weight:lighter;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
</style>
</head><body>
<p class=”normal”>This is a paragraph.</p>
<p class=”light”>This is a paragraph.</p>
<p class=”thick”>This is a paragraph.</p>
<p class=”thicker”>This is a paragraph.</p>
</body></html>
خروجی:
This is a paragraph.
This is a paragraph.
This is a paragraph.
This is a paragraph.
منبع: sitedesign-co.com
سایر مقالات مرتبط :
- چگونه تایمر کولر گازی را خاموش کنیم؟
- بررسی صرافی انلاین بدون نیاز به احراز هویت
- نکاتی برای خرید ایمیل شرکتی و ایرانی
- بهترین برندهای تلویزیون هوشمند کدامند؟
- اهمیت سیگنال رایگان ارز دیجیتال فیوچرز در ترید
- آشنایی با بهترین قالب های چند منظوره در وردپرس
- استفاده از گوگل ادز در ایران چگونه و چطور؟
- خرید سرور خارج از کشور از سرودیتا
- بهترین سئوکار خانم در ایران ❤️ | بهترین سئوکار خانم ایران
- قوی ترین باتری گوشی های سامسونگ و شیائومی در سال 2023
- سرور HP چیست؛ ۴ دلیل برای استفاده از آن
- با بهترین هاستینگ طراحان وب شمالغرب کشور آشنا شوید