Font xassəsi

font xassəsi aşağıdakı CSS xassələrindən istifadə edilə bilən qısa xassəni təmsil edir: font-size, font-style, font-weight, line-height, font-family, font-variant.

Sintaksis

cssselektor {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

Məcburi xassələr font-size və font-family-dir, qalanları sıranı qoruyaraq buraxıla bilər.

font-style, font-variant, font-weight xassələri bir-birinə nisbətən istənilən qaydada dəyişdirilə bilər.

Xahiş edirik diqqət yetirin ki, line-height xassəsi font-size xassəsindən sonra slash işarəsi ilə yazılır.

Nümunə

Gəlin 15px ölçülü, Arial tipində və 30px sətirarası intervalı olan italik mətn edək:

html<p>
  some long text
</p>

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

Результат:

Nümunə

Başqa bir nümunə:

html<p>
  some long text
</p>

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

Результат:

Nümunə

Digər xassələri buraxaraq, yalnız şrift ölçüsünü və ailəni təyin edək:

html<p>
  some long text
</p>

cssp {
  font: 18px Arial;
  text-align: justify;
}

Результат:

Nümunə

Yalnız şrift ölçüsü təyin edilsə, o, tətbiq olunmayacaq, çünki şrift ailəsi də mütləq təyin olunmalıdır:

html<p>
  some long text
</p>

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

Результат: