CSS فون سائز اپریشن
- پچی پراندر @font-palette-values
- آئندہ پینج font-size-adjust
تعریف و استفاده
ویژگی font-size اندازه فونت را تنظیم میکند.
توضیح
این ویژگی اندازه فونت عناصر را تنظیم میکند. توجه داشته باشید که در واقع این مقدار بلندی قابلیتهای حروف را تنظیم میکند؛ شکل حرفها ممکن است بلندتر یا کوتاهتر از این قابلیتها باشند (معمولاً کوتاهتر).
کلیدهای مختلف باید بزرگتر از کلیدهای کوچکتر و کوچکتر از کلیدهای بزرگتر باشند.
لطفاً به اینجا نیز مراجعه کنید:
آموزش CSS:CSS فونٹ
دستورالعمل CSS:CSS فون اپریشن
دستورالعمل HTML DOM:ویژگی fontSize
مثال
اندازههای مختلف برای عناصر HTML تنظیم کنید:
h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}
آموزش CSS:
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|طول|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
|
اندازه فونت را به اندازههای مختلفی از xx-small تا xx-large تنظیم کنید. مقدار پیشفرض: متوسط. |
| کوچکتر | اندازه فونت را به اندازهای کوچکتر از عنصر والد تنظیم کنید. |
| بزرگتر | اندازه فونت را به اندازهای بزرگتر از عنصر والد تنظیم کنید. |
| طول | اندازه فونت را به یک مقدار ثابت تنظیم کنید. |
| % | اندازه فونت را بر اساس درصد عنصر والد تنظیم کنید. |
| ابداع | این مقدار باید از عنصر والد به اندازه فونت ارث برده شود. |
جزئیات فنی
| مقدار پیشفرض: | متوسط |
|---|---|
| ابداع: | بله |
| نسخه: | CSS1 |
| آموزش JavaScript: | اجزاء.style.fontSize="بزرگتر" |
مثال عملی
- تنظیم اندازه فونت
- این مثال نشان میدهد که چگونه میتوان اندازه فونت را تنظیم کرد.
پشتیبانی مرورگر
شماراویج میگوید که نسخه اولین مرورگر که این ویژگی کامل را پشتیبانی میکند.
| چروم | آئی ای / ایج | فائرفاکس | سافری | اوپرا |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 7.0 |
- پچی پراندر @font-palette-values
- آئندہ پینج font-size-adjust
