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