Od provozovatele projektu Rychlost.CZ

margin

Definice a použití

Vlastnost margin udává vzdálenost elementu od vnějšího okraje.

CSS syntaxe

margin: margin;

Hodnoty vstupůPopisHodnota
margindefinuje odsazení elementu od vnějšího okrajemargin-left margin-right margint-top margin-bottom
Ukázka:

margin

CSS
/* Odsazení prvku od vnějšího okraje ve všech směrech o 5px */
div {
margin: 5px;
}
/* Odsazení prvku od vnějšího okraje shora a zdola o 5px a zleva a zprava o 10px */
div {
margin: 5px 10px;
}
/* Odsazení prvku od vnějšího okraje shora o 5px, zdola o 15px a zleva a zprava o 10px */
div {
margin: 5px 10px 15px;
}
/* Odsazení prvku od vnějšího okraje ve všech směrech o 10px */
div {
margin: 10px 10px 10px 10px;
}
/* Odsazení prvku od levé vnější strany v px */
div {
margin-left: 50px;
}
/* Odsazení prvku od levé vnější strany v em */
div {
margin-left: 5em;
}
/* Odsazení prvku od levé vnější strany v procentech */
div {
margin-left: 5%;
}
/* Odsazení prvku od levé vnější strany automaticky */
div {
margin-left: auto;
}
/* Odsazení prvku od pravé vnější strany v px */
div {
margin-right: 50px;
}
/* Odsazení prvku od pravé vnější strany v em */
div {
margin-right: 5em;
}
Použité vlastnosti: margin, margin-left, margin-right
  • Tip1 Pomocí zápisu margin-left: auto; a margin-right: auto; (nebo zkráceně margin: 0 auto) se prvek vycentruje.

Podpora webových prohlížečů

Firefoxano
Internet Explorerano
Google Chromeano
Safariano
Operaano