November Black Friday C# týden
Black Friday je tu! Využij jedinečnou příležitost a získej až 80 % znalostí navíc zdarma! Více zde
Pouze tento týden sleva až 80 % na e-learning týkající se C#

font - Český CSS 3 manuál

Unicorn College Tento obsah je dostupný zdarma v rámci projektu IT lidem.
Vydávání, hosting a aktualizace umožňují jeho sponzoři.

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;
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!

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

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


 

 

Manuál pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor sítě se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.
Všechny články v sekci
Text a písmo - CSS vlastnosti
Aktivity (1)

 

 

Komentáře

Avatar
vojaceklibor
Člen
Avatar
vojaceklibor:30.11.2012 9:25

Ahoj, potřebuji radu: mám používat bold, nebo strong?
Děkuju.

 
Odpovědět
30.11.2012 9:25
Avatar
pavlikt
Člen
Avatar
pavlikt:24.2.2013 13:49

Pokud ma slovo nejaky zasadnejsi vyznam a potrebujes ho zvyraznit, pouzij tag strong. Pokud chces zvyraznit neco, co nenese zasadni vyznam (jen pro to, aby to lepe vypadalo), pouzij ve stylech bold.

 
Odpovědět
24.2.2013 13:49
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
pavlikt
Člen
Avatar
pavlikt:24.2.2013 13:49

Aha, koukam, ze odpovidam na dotaz z lonska... Nevadi, snaha se taky pocita :-)

 
Odpovědět
24.2.2013 13:49
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.