- zapisují se ihned za číslo určující množství jednotek
- jako oddělovač desetinných míst se používá tečka
- jednotku není nutné uvádět u hodnoty nula
- hodnota může být jak kladná, tak i záporná
- absolutní jednotka udává přesnou míru
- relativní jednotka se vztahuje k jiné velikosti
Příklad CSS:
div {
margin: 1.5em 5% -10px 0;
}Čtverčík (em)
- šířka velkého písmena M
- hodnota se mění v závislosti na velikosti písma
- relativní jednotka – aktuální velikost může být ovlivněna velikostí nadřazeného prvku a volbou uživatele
- použití: rozvržení (layout) dokumentu a box model
Poznámka: prvky v jednotkách em do sebe nevnořujte, protože aktuální velikost může být ovlivněna velikostí nadřazeného prvku, volbou uživatele a z důvodu implementační chyby IE6-
Ex (ex)
- výška malého písmena x
- hodnota se mění v závislosti na velikosti písma
- relativní jednotka – aktuální velikost může být ovlivněna velikostí nadřazeného prvku a volbou uživatele
Procenta (%)
- hodnota se počítá z velikosti rodičovského prvku (v nejvyšší úrovni je jím okno prohlížeče)
- relativní jednotka (často zděděná od rodiče)
- použití: texty
Pixel (px)
- obrazovkový bod (každá obrazovka má jinou velikost obrazového bodu) – nejčastěji 96 px na palec
- relativní jednotka
- použití: grafika
Typografický bod (pt)
- hodnota je odvozena od anglického palce
- 1 pt = 72 in (často se používá 300 pt na palec)
- absolutní jednotka
- použití: tisk
Centimetr (cm)
- 1 cm = 10 mm
- absolutní jednotka
Poznámka: vzhledem k různým rozlišením obrazovky funguje spolehlivě snad jen při tisku.
Milimetr (mm)
- 1 mm = 3.78 px
- absolutní jednotka
Poznámka: vzhledem k různým rozlišením obrazovky funguje spolehlivě snad jen při tisku.
Palec (in)
- 1 in = 2,54 cm, 1 in = 96 px
- absolutní jednotka
Poznámka: vzhledem k různým rozlišením obrazovky funguje spolehlivě snad jen při tisku.
Pica nebo též cicero (pc)
- 1 pc = 12 pt, 1 pc = 1/6 in, 1 pc = 16 px
- absolutní jednotka
Poznámka: vzhledem k různým rozlišením obrazovky funguje spolehlivě snad jen při tisku.
