V minulých dílech jsme se seznámili, jak nastavit výšku, tloušťku písma. Dnes si ukážeme, jak nastavit pomocí kaskádových stylů řez a šířku písma.
6.9.2004 13:00 | Vasek | přečteno 19500×
Řez písma se určuje vlastností font-style. Jako její hodnota se používají klíčová slova.
Hodnota normal nastaví řez písma na normální stojaté písmo, lze použít k napřímení skloněného písma prvků, u kterých mají prohlížeče přednastavené zobrazení kurzívou (např. tag pro zvýraznění <em> ).
Hodnota italic říká, že jako řez písma se má použít kurzíva, resp. že pro tento prvek se mají použít fonty označené jako Italic, Cursive nebo Kursiv.
Hodnota oblique je většinou prohlížečů nesprávně interpretována jako kurzíva. W3C ve specifikaci jasně říká, že pro tuto hodnotu se mají použít písma označená jako Oblique, Slanted nebo Incline. Tyto písma jsou skloněná písma, což jsou v podstatě geometricky upravená stojatá písma.
Ve všech prohlížečích je tato vlastnost bez problémů podporovaná.
NN4 vůbec nezná hodnotu oblique; Mozilla (Netscape 6+) plná podpora všemi verzemi; IE plná podpora od verze 3; Opera plná podpora od verze 3; IE 5/MAC plná podpora; Konqueror plná podpora.
Šířka písma se určuje vlastností font-stretch. Jako její hodnota se používají klíčová slova.
Absolutní hodnoty (resp. klíčová slova) jsou uvedena v pořadí od nejužšího po nejširší.
Relativní velikost wider nastaví písmo o stupeň širší a narrower nastaví písmo o stupeň užší.
V současné době (září 2004) není podporována ani jedním běžným prohlížečem.
Vlastnost písma font-style s hodnotou italic se používá jako náhrada zastaralého html tagu <i>.