|
|||||||||||||||||||||||||||||||||||||||||||||||
Menu
Distributions (131)
bootable [55]
commercial [7] no-commercial [42] unclassified [20] [7]
Software (10844)
|
CSS (8.) - Písmo III. (Řez a šířka písma )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.
Ř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číchVe 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číchV 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ěrVlastnost písma font-style s hodnotou italic se používá jako náhrada zastaralého html tagu <i>.
Related article
CSS (1.) - Úvod CSS (2.) - Dědičnost a připojení CSS k dokumentu CSS (3.) - Barvy CSS (4.) - Hodnoty CSS (5.) - Média CSS (6.) - Písmo I. (Velikost písma) CSS (7.) - Písmo II. (Tloušťka písma) CSS (9.) - Písmo IV. (Varianta a čitelnost písma) CSS (10.) - Písmo V. (Rodina písma - úvod) CSS (11.) - Písmo VI. (Rodina písma - správná definice) CSS (12.) - Písmo VII. (Sdružená definice písma) CSS (13.) - Barva a Pozadí CSS (14.) - Seznam CSS (15.) - Text CSS (16.) - Speciální textové vlastnosti CSS (17.) - Generovaný obsah CSS (18.) - Rozměry CSS (19.) - Výplň CSS (20) - Orámování I CSS (21) - Orámování II. CSS (22) - Okraje CSS (23) - Ohraničení CSS3 - Seznámení CSS3 + HTML5 - Tvoříme kompletní webovou prezentaci Previous Show category (serial) Next
|
Szukanie oprogramowania
|
|||||||||||||||||||||||||||||||||||||||||||||
©Pavel Kysilka - 2003-2024 | maillinuxsoft.cz | Design: www.megadesign.cz |