--- title: margin-top slug: Web/CSS/margin-top tags: - CSS - CSS Referenz translation_of: Web/CSS/margin-top ---

{{ CSSRef() }}

Übersicht

Die margin-top Eigenschaft legt den oberen Außenabstand eines Elements fest. Negative Werte sind erlaubt.

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
auto wird 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)

Spezifikation

Siehe auch

{{ languages( { "en": "en/CSS/margin-top", "ja": "ja/CSS/margin-top" } ) }}