Font īpašība

Īpašība font ir saīsināta īpašība, kurā var izmantot šādas CSS īpašības: font-size, font-style, font-weight, line-height, font-family, font-variant.

Sintakse

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

Obligātās īpašības ir font-size un font-family, pārējās var izlaist, saglabājot secību.

Īpašības font-style, font-variant, font-weight var mainīt vietām jebkurā secībā viena pret otru.

Ievērojiet, ka īpašība line-height tiek rakstīta ar slīpsvītru aiz īpašības font-size.

Piemērs

Izveidosim slīpraksta tekstu ar izmēru 15px, ar Arial tipu un rindu attālumu 30px:

html<p>
  some long text
</p>

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

Результат:

Piemērs

Vēl viens piemērs:

html<p>
  some long text
</p>

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

Результат:

Piemērs

Piešķirsim tikai fonta izmēru un saimi, izlaižot citas īpašības:

html<p>
  some long text
</p>

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

Результат:

Piemērs

Ja norādīt tikai fonta izmēru, tas netiks piemērots, jo obligāti jābūt norādītai arī fontu saimei:

html<p>
  some long text
</p>

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

Результат: