Font-eienskap

Die eienskap font is 'n kortskrift-eienskap, waarin die volgende CSS-eienskappe gebruik kan word: 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;
}

Die verpligte eienskappe is font-size en font-family, die ander kan weggelaat word, met behoud van die volgorde.

Die eienskappe font-style, font-variant, font-weight kan in enige volgorde ten opsigte van mekaar gerangskik word.

Let daarop dat die eienskap line-height met 'n skuinsstreep na die eienskap font-size geskryf word.

Voorbeeld

Kom ons maak kursiewe teks met 'n grootte van 15px, met die tipe Arial, en 'n reëlhoogte van 30px:

html<p>
  some long text
</p>

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

Результат:

Voorbeeld

Nog 'n voorbeeld:

html<p>
  some long text
</p>

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

Результат:

Voorbeeld

Laat ons slegs die lettertipegrootte en familie toewys, en die ander eienskappe weglaat:

html<p>
  some long text
</p>

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

Результат:

Voorbeeld

As slegs die lettertipegrootte gestel word, sal dit nie toegepas word nie, aangesien die lettertiefamilie ook verpligtend gestel moet word:

html<p>
  some long text
</p>

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

Результат: