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

cssselector {
  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:

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

Misol

Yana bir misol:

html<p>
  some long text
</p>

cssp {
  font: bold 16px/20px "Times New Roman", Georgia, serif;
  text-align: justify;
}

Результат:

Misol

Boshqa xususiyatlarni tashlab, faqat shrift oʻlchami va oilasini belgilaymiz:

html<p>
  some long text
</p>

cssp {
  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:

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: