Spis alfabetyczny stylów CSS.
Strona w trakcie modernizacji
Zapraszamy wkrótce
Styl margin określa wielkość marginesów elementu i jest skróconą właściwością dla następujących styli:
margin-top
margin-right
margin-bottom
margin-left
Uwaga: dozwolone są wartości ujemne.
Wartość | Opis |
length | Określa margines w px | mm | cm | in | pt | pc | em | ex. Wartość domyślna to 0. Dopuszczalne są wartości ujemne. |
% | Określa margines w procentach szerokości elementu zawierającego. |
auto | Przeglądarka oblicza margines. |
initial | Ustawia tę właściwość na jej wartość domyślną. |
inherit | Dziedziczy tę właściwość z elementu nadrzędnego. |
margin: length | auto | initial | inherit;
Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.
Właściwość | ![]() | ![]() | ![]() | ![]() | ![]() |
margin | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
Kliknij wartości właściwości poniżej, aby zobaczyć wynik.
div#myBox {
background-color:red;
margin:auto;
}
1. Jeśli styl margin ma cztery wartości, pierwsza określi top, druga right, trzecia bottom, czwarta left.
margin: 30px 15px 15px 30px;
górny margines jest 30px
prawy margines jest 15px
dolny margines jest 15px
lewy margines jest 30px
2. Jeśli styl margin ma trzy wartości, pierwsza określi top, druga right i left, trzecia bottom.
margin: 15px 7px 20px;
górny margines jest 15px
prawy margines i lewy jest 7px
dolny margines jest 20px
3. Jeśli styl margin ma dwie wartości, pierwsza określi top i bottom, a druga right i left.
margin: 15px 7px;
górny i dolny margines jest 15px
prawy i lewy margines jest 7px
4. Jeśli styl margin ma jedną wartość to określa ona wszystkie marginesy: top, right, bottom i left.
margin: 7px;
wszystkie cztery marginesy są 7px
5. margin:5px;
6. margin:10px 20px;
7. margin: 30px 60px 40px;
8. margin: 30px 60px 40px 80px;
Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony
Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00