ARCHIV |
|||||
Software (10844)
Distribuce (131)
Skripty (697)
Menu
Diskuze
Informace
|
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.
Související články
Předchozí Celou kategorii (seriál) Další
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 Předchozí Celou kategorii (seriál) Další
|
Vyhledávání software
Vyhledávání článků
28.11.2018 23:56 /František Kučera 12.11.2018 21:28 /Redakce Linuxsoft.cz 6.11.2018 2:04 /František Kučera 4.10.2018 21:30 /Ondřej Čečák 18.9.2018 23:30 /František Kučera 9.9.2018 14:15 /Redakce Linuxsoft.cz 12.8.2018 16:58 /František Kučera 16.7.2018 1:05 /František Kučera
Poslední diskuze
31.7.2023 14:13 /
Linda Graham 30.11.2022 9:32 /
Kyle McDermott 13.12.2018 10:57 /
Jan Mareš 2.12.2018 23:56 /
František Kučera 5.10.2018 17:12 /
Jakub Kuljovsky | |||
ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2024) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze |