font - Český CSS 3 manuál
Pomocí CSS 3 vlastnosti font nastavujeme font písma v HTML elementu. Vlastnost je shrnující a umožňuje ve zkráceném zápisu specifikovat u písma styl, variantu, tloušťku, velikost, výšku řádku a rodinu písma.
Syntaxe CSS 3 vlastnosti font je následující:
font: styl varianta tloušťka velikost/výška_řádky rodina písma;
Samozřejmě můžeme uvést jen ty hodnoty, které chceme změnit oproti písmu rodičovského elementu nebo výchozímu písmu prohlížeče. Vlastnost font se dědí.
Hodnoty
Pro každou složku fontu existuje zvlášť CSS vlastnost, která ji nastavuje. Informace a příklady jednotlivých složek najdete vždy v příslušném článku. Jsou to:
- font-style - Styl písma
- font-variant - Varianta písma
- font-weight - Tloušťka písma
- font-size - Velikost písma
- line-height - Výška řádky
- font-family - Rodina písma
Můžeme uvést ještě následující speciální hodnoty, které umožňují použít některé systémové fonty:
- caption - Použije systémový font pro popisky (např. tlačítek).
- icon - Použije systémový font pro popisky ikon.
- menu - Použije systémový font pro popisky položek rozbalovacích menu.
- message-box - Použije systémový font pro dialogy.
- small-caption - Použije systémový font pro menší popisky.
- status-bar - Použije systémový font pro stavový řádek.
Jako hodnotu můžeme uvést i inherit, tím zdědíme vlastnost font od rodičovského elementu.
Ukázka nastavení fontu stránce
<!DOCTYPE html> <html> <head> <style> body { font: 2em/1.5em Verdana; } </style> </head> <body> <p>Tento text je psaný Verdanou, je 2x větší <br /> a má nastavené řádkování na 1.5.</p> </body> </html>
Výsledek:
Více příkladů naleznete u samostatných vlastností, viz. výše.
David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.