Model pudełkowy CSS
Źródło: CSS Box Model Module Level 3
margin
- Wartość
<'margin-top'>{1,4}- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
margin-bottom
- Wartość
<length-percentage> | auto- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
margin-left
- Wartość
<length-percentage> | auto- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
margin-right
- Wartość
<length-percentage> | auto- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
margin-top
- Wartość
<length-percentage> | auto- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
padding
Atrybuty mieszane marginesu wewnętrznego
- Wartość
<'padding-top'>{1,4}- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
padding-bottom
- Wartość
<length-percentage>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
padding-left
- Wartość
<length-percentage>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
padding-right
- Wartość
<length-percentage>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
padding-top
- Wartość
<length-percentage>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
selektor { margin: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { margin: auto } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { margin-bottom: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { margin-bottom: auto } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { margin-left: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { margin-left: auto } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { margin-right: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { margin-right: auto } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { margin-top: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { margin-top: auto } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { padding: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { padding-bottom: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { padding-left: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { padding-right: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { padding-top: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |