Font-style

CSS vlastnost font-style určuje normální písmo nebo kurzivu.

font-style
hodnoty kurzíva nebo nekurzíva
normal nekurzíva, normální stojaté písmo
italic kurzíva, sklonění písma
oblique skloněné písmo (geometricky transformované stojaté písmo)

Většina prohlížečů kreslí oblique stejně jako italic.

Kurzívu lze zadat také v souhrnné vlastnosti font.

Podpora

Velmi dobře podporovaná vlastnost, zejm. hodnota italic. Není divu, vždyť je to kurzíva -- žádný prohlížeč si v tom nedovolí chybovat.

Podpora vlastnosti font-style
Prohlížeč Podpora ve verzích Poznámka

Internet Explorer

3, 4, 5, 5.5, 6  
Mozilla (Firefox, Netscape 6+ atd.) všechny verze  
Opera 3, 4, 5, 6, 7  
Konqueror ano  
IE 5 / Mac ano  
Netscape Navigator 4 ano nezná oblique (ne pouze, že by ji neuměl vykreslit)

Příklady

Kurzíva přímým stylem:

Normální text a <span style="font-style: italic">text kurzívou</span>.

Je to totéž, jako zastaralý zápis pomocí html tagu <i>:

Normální text a <i>text kurzívou</i>.

Dá se nastavit, že se nějaký tag bude vykreslovat kurzívou. Například tag <strong> se normálně kreslí tučným písmem. Bude se kreslit tučnou kurzívou:

strong {font-style: italic; font-weight: bold}

Pomocí font-style: normal lze udělat stojaté písmo (ne kurzívu) i z obsahu tagů, které normálně kurzívou jsou (např. tag <em>):

em {font-style: normal} /* nebude kurzívou */

Další příklady

Test vlastnosti font-style.

První příklad se stylesheetem - nadpisy

 

Reklama

www.c4.cz, hosting za 1.200 Kč na rok s doménou v ceně

 

 

 

o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

CSS kurz Přehled hodnot Vlastnosti CSS příklady

 

Jak psát web píše Yuhů, Dušan Janovský. Kontakt. Poslední aktualizace 26. srpna 2010.