Velikost písma v CSS

Font-size

V CSS se velikost písma zadává vlastností font-size.

Příklady

Vlastnosti ovlivňující celý dokument jsou zapsány ve stylopisu:

<style>
p {font-size: 13px} /* všechny odstavce <p> budou mít písmo velké 13 pixelů */
td {font-size: small} /* všechno písmo v buňkách tabulky <td> bude "malé" */
.patka {font-size: 90%} /* element, který má nastaveno class="patka", bude zmenšen */
</style>

Jiný příklad ukazuje použití přímého stylu:

<span style="font-size: large">veliký text</span>

Atribut style se může takto použít u libovolného prvku, ale je to moc pracné. Další příklad ukazuje, jak se zastarale velikost písma zadávala tagem <font>, například:

<font size="6">Veliké písmo</font>

Velikost je číslo od 1 do 7, jsou to nějaké stupně. Použití tagu <font> nedoporučuji a nepatří to do CSS. Zmiňuji to jenom pro úplnost.

Klíčová slova

Pixely

 

Procenta

Pt, cm, in

Zvětšování písma

Hodně málo uživatelů ví o tom, že si v prohlížeči mohou písmo zvětšit. Důvody:

Když uživatel poprvé zkusí zvětšit písmo a nic se nestane, tak už to podruhé nezkusí. Autoři stránek, kteří zadávají písmo v Exploreru nezvětšovací (zadané v px nebo v pt) tak vychovávají uživatele k nepoužívání zvětšování.

 

 

o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

CSS kurz Vlastnosti a hodnoty CSS příklady

Jak psát web píše Yuhů, Dušan Janovský. Kontakt. Poslední aktualizace 13. února 2005.