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
velikost | 10px | 10pt | 10% | 10em | 10cm | 10mm | 10in | 10ex | 10pt | 10pc |
---|
Ukázka
10px | obrazovkový bod |
---|---|
10pt | typografický bod 72pt=1in |
0.4in | palec 1 in = 96px |
0.5cm | centimetr |
5mm | milimetr |
2ex | velikost vztažená na malé písmeno x |
1em | velikost vztažená na velké písmeno M |
1pc | pica 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í
Základy
Reference
Vlastnosti
CSS vlastnosti abecedně
- backgroud-position backgroundbackground-attachementbackground-colorbackground-imagebackground-repeatborderborder-bottomborder-bottom-colorborder-bottom-styleborder-bottom-widthborder-colorborder-leftborder-left-colorborder-left-styleborder-left-widthborder-rightborder-right-colorborder-right-styleborder-right-widthborder-styleborder-topborder-top-colorborder-top-styleborder-top-widthborder-widthbottomheightline-heightmarginmargin-bottommargin-leftmargin-rightmargin-topmax-heightmin-heightmin-widthpaddingpadding-bottompadding-leftpadding-rightpadding-topwidth
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