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
selektor {
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:
<p>
some long text
</p>
p {
font: italic 15px/30px Arial;
text-align: justify;
}
:
Voorbeeld
Nog 'n voorbeeld:
<p>
some long text
</p>
p {
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:
<p>
some long text
</p>
p {
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:
<p>
some long text
</p>
p {
font: 30px;
text-align: justify;
}
:
