IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

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:

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:

Ukázka ostylování fontu přes CSS - Text a písmo - CSS vlastnosti

Více příkladů naleznete u samostatných vlastností, viz. výše.


 

Všechny články v sekci
Text a písmo - CSS vlastnosti
Článek pro vás napsal David Hartinger
Avatar
David je zakladatelem ITnetwork a programování se profesionálně věnuje 15 let. Má rád Nirvanu, nemovitosti a svobodu podnikání.
Unicorn university David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity