Übersicht
Die margin-top Eigenschaft legt den oberen Außenabstand eines Elements fest. Negative Werte sind erlaubt.
- Standardwert:
0 - Anwendbar auf: alle Elemente, in Tabellen nur auf Elemente mit display
table,table-captionundinline-table - Vererbbar: Nein
- Prozentwerte: beziehen sich immer auf die Breite des umschließenden Blocks.
- Medium: visuell
- berechneter Wert: eine Prozentzahl wie festgelegt oder die absolute Länge.
Syntax
margin-top: <Längenangabe> | <Prozentzahl> | auto | inherit
Werte
- <Längenangabe>
- Legt eine bestimmte Länge fest. Negative Werte sind erlaubt.
- <Prozentzahl>
- Ein prozentualer Wert, der sich auf die Breite des umschließenden Blocks (containing block) bezieht. Negative Werte sind erlaubt.
- auto
-
autowird von einem passendem Wert ersetzt, wobei die horizontalen bzw. vertikalen Dimensionen berücksichtigt werden. - inherit
- Der Wert des Elternelements wird geerbt.
Beispiele
.content { margin-top: 5%; }
.sidebox { margin-top: 10px; }
.logo { margin-top: -5px; }
Browser Kompatibilität
| Browser | ab Version | auto Wert |
|---|---|---|
| Internet Explorer | 3.0 | 6.0 (strict mode) |
| Firefox (Gecko) | 1.0 (1.0) | 1.0 (1.0) |
| Opera | 3.5 | 3.5 |
| Safari (WebKit) | 1.0 (85) | 1.0 (85) |