|
|||||||||||||||||||||||||||||||||||||||||||||||
Menu
Distributions (131)
bootable [55]
commercial [7] no-commercial [42] unclassified [20] [7]
Software (10844)
|
CSS (7.) - Písmo II. (Tloušťka písma)V minulém díle jsme se seznámili, jak nastavit výšku písma. Dnes si ukážeme, jak nastavit pomocí kaskádových stylů tloušťku písma.
Tloušťka písmaTloušťka písma (duktus písma) se určuje vlastností font-weight. Jako její hodnota se používají klíčová slova nebo číselné hodnoty.
font-weight
Hodnoty: <absolutní-velikost> | <relativní-velikost> | <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> normal | bold <relativní-velikost> bolder | lighter <velikost> 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 inherit hodnota se dědí po rodičovském prvku Existují dva názory na tuto vlastnost písma: Hodnota normal nastaví tloušťku písma na netučné, lze použít k odtučnění písma prvků, u kterých mají prohlížeče přednastavené tučné písmo (např. u nadpisů <h1> - <h6>).
Příklad:
<style> h2 {font-weight: normal} </style> Relativní hodnoty změní o něco málo tloušťku písma, která je zděděná z rodičovského prvku. Při použití bolder bude písmo o něco tučnější, pokud použijeme lighter, bude písmo o něco méně tučnější, pomocí této hodnoty nelze nastavit menší tloušťku než normal. Hodnoty 100 - 900 by se podle W3C měli používat jen výjmečně, resp. by se měli používat jen hodnoty 400 (odpovídá normal) a hodnota 700 (odpovídá bold). Podpora v prohlížečíchVe všech prohlížečích jsou podporovány hodnoty normal a bold, což je podstatné. NN4 nepodporuje hodnoty bolder a lighter; 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 tloušťky
font-weight: normal
font-weight: bold font-weight: bolder font-weight: lighter font-weight: 100 font-weight: 200 font-weight: 300 font-weight: 400 font-weight: 500 font-weight: 600 font-weight: 700 font-weight: 800 font-weight: 900 ZávěrVlastnost písma font-weight se používá nejčastěji k nastavení tučného písma pomocí hodnoty bold, a tím se nahrazuje zastaralý html tag <b>. V následujícím díle se podíváme na další vlastnosti písma.
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 (8.) - Písmo III. (Řez a šíř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 |