Font xususiyati
font xususiyati CSS ning quyidagi xususiyatlaridan foydalanish mumkin boʻlgan qisqartirilgan xususiyatni ifodalaydi:
font-size,
font-style,
font-weight,
line-height,
font-family,
font-variant.
Sintaksis
selector {
font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}
Majburiy xususiyatlar font-size
va font-family hisoblanadi, qolganlarini
tartibni saqlab, tashlab ketish mumkin.
font-style, font-variant,
font-weight xususiyatlarini bir-biriga nisbatan
istalgan tartibda almashtirish mumkin.
line-height xususiyati font-size
xususiyatidan keyin chiziqcha orqali yozilishiga eʼtibor bering.
Misol
Keling, 15px oʻlchamli, Arial tipidagi, qiyalik matnni
va 30px qatorlar oraligʻi bilan yarataylik:
<p>
some long text
</p>
p {
font: italic 15px/30px Arial;
text-align: justify;
}
:
Misol
Yana bir misol:
<p>
some long text
</p>
p {
font: bold 16px/20px "Times New Roman", Georgia, serif;
text-align: justify;
}
:
Misol
Boshqa xususiyatlarni tashlab, faqat shrift oʻlchami va oilasini belgilaymiz:
<p>
some long text
</p>
p {
font: 18px Arial;
text-align: justify;
}
:
Misol
Agar faqat shrift oʻlchami belgilansa, u qoʻllanilmaydi, chunki qoʻshimcha ravishda shrift oilasi ham majburiy belgilanishi kerak:
<p>
some long text
</p>
p {
font: 30px;
text-align: justify;
}
:
