Home >> CSS návod >> CSS Atribut Margin

CSS Atribut Margin

Pomocí atributu margin definujete volné místo kolem HTML elementu. Margin můžete nastavit kolem celého elementu, ale také jako u rámečků pro každou stranu zvlášť.

Margin pro všechny strany

<div style="border:2px solid red;">
<p style="border:2px solid green;margin:25px;"> Tento text má margin na všech 4 stranách 25 pixelů. Aby bylo možné lépe vidět efekt marginu, je zde jako pomůcka oddíl (div) s červeným rámečkem. </p>
</div>

Výsledek:

Tento text má margin na všech 4 stranách 25 pixelů. Aby bylo možné lépe vidět efekt marginu, je zde jako pomůcka oddíl (div) s červeným rámečkem.

Margin pro každou stranu zvlášť

Pokud nechcete margin na všech 4 stránách nebo na každé straně jiný, můžete použít tyto atributy:

  • margin-bottom
  • margin-left
  • margin-right
  • margin-top

Příklad:

<p style="border:2px solid red;margin-left:150px;">Tento text má margin vlevo 150px.</p>

Výsledek:

Tento text má margin vlevo 150px.

CSS Návod
CSS Návod - HOME
Úvod
Výhody CSS
Pravidla CSS
Způsoby použití CSS
CSS Třídy
CSS ID
CSS Úprava textu (1.část)
CSS Úprava textu (2.část)
CSS Pozadí
CSS Rámečky
CSS Atribut Margin
CSS Atribut Padding
CSS Seznamy
CSS Šířka a výška
CSS Obtékání
CSS Test
Shrnutí
©2008 - 2011 Klikzone.cz
Ráj aut - inzerce nových i ojetých aut