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 všechny verze  
Firefox všechny verze  
Opera všechny verze  
Chrome ano  

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.webhosting-c4.cz, extra rychlý SSD webhosting 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.