4.4.5. Kirjastiilid

Selle alapeatüki definitsioonid on eeskätt mõeldud asendama vastuolulist <font>-märgendit - kirjastiilide määramine stiililehega on märksa paindlikum ning ei hägusta struktuuri ja kujunduse vahelist piiri.

font-family - määrab kirjastiili (näiteks Arial) või üldisema stiiligrupi (näiteks Sans-serif).

Näide:

p
{
font-family: arial, "lucida console", sans-serif
}

NB! Mitmesõnalised nimed tuleb panna jutumärkidesse nagu näites.

font-size - määrab kirjastiili suuruse. Võimalikud väärtused:

• märksõna - "väga väike" kuni "väga suur" (xx-small, x-small, small, medium, large, x-large, xx-large)
• larger, smaller - suhteline suurendus või vähendus
• suurus CSS-i toetatud ühikutes
• protsentsuurus ümbritsevaga võrreldes

Näide:

body
{
font-size: x-large
}

font-size-adjust - muudab kirjastiili üldkõrguse ja madalate tähtede (etaloniks on võetud täht "x") kõrguse suhet. Küllaltki vähekasutatav.

Näide:

h2
{
font-size-adjust: 0.58
}

font-stretch - määrab kirjastiili horisontaalse kokkusurutuse või venitatuse. Võimalikud väärtused:

• märksõna "ülikokkusurutud" kuni "ülivenitatud" (ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded)
• narrower, wider - suhteline kokkusurumine või venitus
• em>normal - tavamõõdud (siin ja ka järgnevates normal-väärtust harilikult ei kirjutatagi, vaid parameeter jäetakse lihtsalt ära - v.a. juhtudel, kui mõni muu stiil on vaikimisi väärtuseks kehtestanud mingi muu väärtuse)

Näide:

body
{
font-stretch: condensed
}

font-style - määrab kirjastiili kuju. Võimalikud väärtused:

• em>normal - tavakiri
• italic - kaldkiri

Näide:

body
{
font-style: italic
}

font-variant - määrab kirjastiili variandi. Võimalikud väärtused:

• normal - tavakiri
• small-caps - väikeste algustähtedega kiri (suurtähed väiketähtede suurused)

Näide:

body
{
font-variant: small-caps
}

font-weight - määrab kirjastiili paksuse. Võimalikud variandid:

• normal - tavakiri
• bold - paks (rasvane) kiri
• numbriline väärtus 100 (kõige peenem) kuni 900 (kõige paksem). Tavakiri vastab 400-le ja harilik rasvane kiri 700-le
• em>lighter, bolder - kirjastiili peenemaks või paksemaks tegemine

Näide:

p
{
font-weight: 800
} 

font - lühikuju kõigi parameetrite korraga määramiseks.

p
{
font: italic small-caps 900 12px/14px arial
}

2003-2024 Kaido Kikkas.
Käesoleva dokumendi paljundamine, edasiandmine ja/või muutmine on
sätestatud GNU Vaba Dokumentatsiooni Litsentsiga (versioon 1.2 või uuem).
Litsentsi ingliskeelne täistekst