CSS vlastnosti - okraje

Podívejte se na použití CSS a přehled vlastností CSS

Okraje pomocí CSS

Okraje se definují hlavně blokovým elementům (div - box, p - odstavec). Okraje jsou vždy průhledné, k obarvení okraje slouží orámování pomocí BORDER.

PADDING

Vlastnost padding definuje velikost vnitřního okraje. Příklad bude mít okraj nahoře a dole 0 a po pravé a levé straně šířku jednoho písmene.

padding-top:0
padding-left:1em;
padding-bottom:0;
padding-right:1em;

MARGIN

Margin definuje šířku vnějšího okraje. Stejným způsobem jako následující příklad se dá zapsat i předcházející vlastnost padding.

margin: 0 1em 0 1em 0;

BORDER

Stejně jako třeba pozadí i orámování (okraje) můžete definovat různým prvkům (obrázek, text, odkaz, nadpis) a docílit tak zajímavých efektů.

Hodnotu dashed (čárkovaně) můžeme nahradit ještě hodnotou dotted (tečkovaně) a solid (čára).

border-bottom: dashed red 2px;

Nastavit pomocí CSS okraj všem obrázkům

Takto můžete pomocí CSS nastylovat všechny obrázky webu (příklad nastaví okraj na žádný)

img {
	border:none;
}

CSS vlastnosti - okraje