Atrybut CSS margin

Definicja i użycie

Uproszczony atrybut margines w jednym deklaracji ustawia wszystkie atrybuty marginesów. Ten atrybut może mieć od 1 do 4 wartości.

Wyjaśnienie

Ta uproszczona właściwość ustawia szerokość wszystkich marginesów elementu lub szerokość marginesów każdej strony.

Wysokie sąsiadujące marginesy blokowe są scalane, podczas gdy elementy wierszowe faktycznie nie zajmują górnych i dolnych marginesów. Lewy i prawy marginesy elementów wierszowych nie są scalane. Podobnie, marginesy elementów pływających również nie są scalane. Dopuszcza się określenie ujemnych wartości marginesów, ale należy być ostrożnym przy ich użyciu.

Komentarz:允许使用负 wartości.

Przykład 1

margin:10px 5px 15px 20px;
  • Górny margines wynosi 10px
  • Prawy margines wynosi 5px
  • Dolny margines wynosi 15px
  • Lewy margines wynosi 20px

Przykład 2

margin:10px 5px 15px;
  • Górny margines wynosi 10px
  • Prawy margines i lewy margines wynosi 5px
  • Dolny margines wynosi 15px

Przykład 3

margin:10px 5px;
  • Górny margines i dolny margines wynosi 10px
  • Prawy margines i lewy margines wynosi 5px

Przykład 4

margin:10px;
  • Wszystkie 4 marginesy są 10px

Zobacz również:

Kurs CSS:Margines zewnętrzne w CSS

Podręcznik HTML DOM:Atrybut margines

Przykład

Ustaw 4 marginesy elementu p:

p
  {
  margin:2cm 4cm 3cm 4cm;
  }

Spróbuj sam

Gramatyka CSS

margin: length|auto|initial|inherit;

Wartość atrybutu

Wartość Opis
auto Przeglądarka oblicza marginesy.
length Zdefiniowanie wartości marginesu w konkretnej jednostce, na przykład pikselach, centymetrach itp. Domyślna wartość to 0px.
% Specyfikacja marginesów w procentach szerokości zawierającego elementu.
inherit Zaleca się, aby marginesy były dziedziczone od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: 0
Inheritance: nie
Wersja: CSS1
Gramatyka JavaScript: object.style.margin="10px 5px"

Więcej przykładów

Wszystkie atrybuty marginesu w jednym deklaracji
Ten przykład pokazuje, jak ustawić wszystkie atrybuty marginesu w jednym deklaracji.

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5