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 | read 20190×
   
   
      
	  DISCUSSION   
Řez písma
Řez písma se určuje vlastností font-style. Jako její hodnota se používají klíčová slova.
font-style
Hodnoty:  normal | italic | oblique | inherit
Výchozí hodnota: normal
Ovlivňuje: všechny prvky
Dědičná: ano
Procenta: nelze používat
Média: vizuální
 
   inherit  hodnota se dědí po rodičovském prvku
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> ).
Příklad:
<style>
   em {font-style: normal}
	</style>
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.
Podpora v prohlížečích
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.
Příklady řezů
	font-style: normal
	font-style: italic
	font-style: oblique
Šířka písma
Šířka písma se určuje vlastností font-stretch. Jako její hodnota se používají klíčová slova.
font-stretch
Hodnoty: <absolutní-velikost> | <relativní-velikost> |  inherit
Výchozí hodnota: normal
Ovlivňuje: všechny prvky
Dědičná: ano
Procenta: nelze používat
Média: vizuální
   <absolutní-velikost>  ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded
   <relativní-velikost>  wider | narrower
   inherit  hodnota se dědí po rodičovském prvku
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žší.
Podpora v prohlížečích
V současné době (září 2004) není podporována ani jedním běžným prohlížečem.
Příklady šířky
	font-stretch: semi-condensed  // neužší
	font-stretch: normal   // normální šířka
	font-stretch: ultra-expanded  // nejširší
Závěr
 Vlastnost písma font-style s hodnotou italic se používá jako náhrada zastaralého html tagu <i>.