Změna velikosti písma - font-size

Pro úpravu velikosti písma slouží vlastost font-size.Pro změnu velikosti lze použít hodnoty vyjádřenou v procentech a výsledná velikost se odvíjí od hodnoty v nadřazeném elementu. Tedy například hodnota font-size: 80%; říká, že pokud nařazený prvek má velikost textu 20pt, bude velikost textu tohoto elementu 16pt.

Dále je možné vyjádřit velikost pomocí délkové jednotky viz stránka "Jednotky v CSS".

Příklad použití absolutní jednotky:

font-size: 20pt;

Dále lze použít relativné hodnoty, ktré se odvíjejí od hodnoty nadřazeného prvku.

Lze použít tyto hodnoty:

  • smaller - zmenšení o jeden bod
  • larger - zvětšení o jeden bod
Příklad použití relativních jednotek

font-size: larger

Absolutní hodnoty lze zadat také slovy, kde je možné použít následující konstanty. Jejich konkrétní velikost se může mírně lišit dle daného prohlížeče, ale hierarchie velikostí od nejmenší po největší je vždy zachována

  • xx-small - nejmenší písmo
  • x-small
  • small
  • medium - střední písmo
  • large
  • x-large
  • xx-large - největší písmo
Příklad použití slovních konstatn pro absolutní jednotky

font-size: small

Naposledy změněno: Úterý, 18. února 2014, 10.27