CSS: Jednotky velikostí

  • Velikosti se zadávají takot vlastnost: délky (jednotky)
  • Pokud je možné nastavit více délek (margin, padding..), platí pořadí t-r-b-l, top-right-bottom-left, jednotlivé hodnoty se oddělují mezerou. margin: 20px 10px 12px 34px (nahoře: 20px, pravo: 10px; dole: 12px; levo: 34px). Pokud nastavíte jen jednu hodnotu, bude nastavena všem
  • Jednotky nejsou od čísla odděleny mezerou
  • Pokud zapíšete jen číslo bez jednotky, prohlížeč ho bude pokládat za pixely

Hodnoty

velikost10px | 10pt | 10% | 10em | 10cm | 10mm | 10in | 10ex | 10pt | 10pc

Ukázka

10pxobrazovkový bod
10pttypografický bod 72pt=1in
0.4inpalec 1 in = 96px
0.5cmcentimetr
5mmmilimetr
2exvelikost vztažená na malé písmeno x
1emvelikost vztažená na velké písmeno M
1pcpica 1pc = 16px
100%procenta z nadřazeného elementu (je lepší nepoužívat)

Poznámka

Nejlepší je používat jednotku px - pixel, jeden obrazový bod, budete mít maximální přehled nad děním na stránce. Vztahy mezi některými jednotkami se mohou v různých prohlížečích lišit. Pokud chcete umožnit zvětšování písma pomocí prohlížeče (pro slabozraké návštěvníky), musíte používat jednotky em.

Další: Barvy v CSS


Doporučuji
Pro své weby používám *Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více WebhostingC4.cz.
Potřebujete poradit?


Vyhledávání


Poradna

Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.

Reklama