Przykład
Ustaw wszystkie cztery marginesy w <p> element:
p
{
margin: 2cm 4cm 3cm 4cm;
}
Spróbuj sam " Definicja i Wykorzystanie
Margines skróconą własnością ustawia wszystkie właściwości marginesów w jednej deklaracji. Ta właściwość może mieć od jednego do czterech wartości.
Przykłady:
- margin:10px 5px 15px 20px;
- górny margines wynosi 10px
- prawy margines jest 5px
- dolny margines jest 15px
- lewy margines jest 20px
- margin:10px 5px 15px;
- górny margines wynosi 10px
- Marginesy prawy i lewy są 5px
- dolny margines jest 15px
- margin:10px 5px;
- Górne i dolne marginesy są 10px
- Marginesy prawy i lewy są 5px
- margin:10px;
- wszystkie cztery marginesy są 10px
Note: Wartości ujemne są akceptowane.
| Domyślna wartość: | 0 |
|---|---|
| Dziedziczny: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Wersja: | CSS1 |
| Składnia JavaScript: | object .style.margin="100px 50px" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| margin | 1,0 | 6,0 | 1,0 | 1,0 | 3,5 |
Składnia CSS
margin:length|auto|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| length | Określa margines w px, pt, cm, itd. Wartość domyślna to 0 | Graj " |
| % | Określa marginesu procent szerokości elementu zawierającego | Graj " |
| auto | Przeglądarka oblicza margines | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Kurs CSS: CSS Margin
Kurs CSS: CSS Model skrzyni
Odniesienia HTML DOM: margin property