Font häsiýeti

font häsiýeti şu CSS häsiýetlerini ulanmaga mümkinçilik berýän gysgaltma häsiýetdir: 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;
}

Härkärçe bolan häsiýetler font-size we font-family bolup, galanlary tertibi saklamak şerti bilen çykarylýar.

font-style, font-variant, font-weight häsiýetleri bir-birine garanyňda islendik tertipde ýerleşdirilip bilner.

line-height häsiýetiniň font-size häsiýetinden soň slesh bilen ýazylýandygyna üns beriň.

Mysal

Geliň, egri ýazylyşly, 15px ölçegli, Arial görnüşli we 30px setirara aralykly tekst dözedeliň:

html<p>
  some long text
</p>

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

Результат:

Mysal

Ýene bir mysal:

html<p>
  some long text
</p>

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

Результат:

Mysal

Başga häsiýetleri çykaryp, diňe şriftiň ölçegini we maşyny kesgitleýäliň:

html<p>
  some long text
</p>

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

Результат:

Mysal

Eger diňe şriftiň ölçegi kesgitlense, ol amala aşyrylmaz, sebäbi şrift maşyny hem hökmany kesgitlenmelidir:

html<p>
  some long text
</p>

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

Результат: