From 4b1a9203c547c019fc5398082ae19a3f3d4c3efe Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:15 -0500 Subject: initial commit --- files/de/web/css/margin/index.html | 121 +++++++++++++++++++++++++++++++++++++ 1 file changed, 121 insertions(+) create mode 100644 files/de/web/css/margin/index.html (limited to 'files/de/web/css/margin') diff --git a/files/de/web/css/margin/index.html b/files/de/web/css/margin/index.html new file mode 100644 index 0000000000..dac915749a --- /dev/null +++ b/files/de/web/css/margin/index.html @@ -0,0 +1,121 @@ +--- +title: margin +slug: Web/CSS/margin +tags: + - CSS + - CSS Referenz +translation_of: Web/CSS/margin +--- +

{{ CSSRef() }}

+

Übersicht

+

Die margin Eigenschaft ist eine Kurzform für die Außenabstände aller vier Seiten eines Elements.

+ +

Syntax

+
margin: <Längenwert>{1,4} | <Prozentzahl>{1,4} | inherit | auto
+
+

Werte

+

Es werden bis zu vier der folgenden Werte akzeptiert:

+
+
+ <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.
+ Bei div { width:50%; margin:0 auto; } wird das div Element horizontal zentriert.
+
+ inherit
+
+ Der Wert des Elternelements wird geerbt.
+
+ Ein Wert
+
+ Gilt für alle vier Seiten.
+
+ Zwei Werte
+
+ Der erste Wert bestimmt die oberen und unteren Abstände, der zweite Wert legt die Abstände rechts und links fest.
+
+ Drei Werte
+
+ Der erste Wert bestimmt den oberen Abstand, der zweite Wert legt die Abstände für rechts und links zusammen fest und der dritte Wert bestimmt den unteren Abstand.
+
+ Vier Werte
+
+ Für jede Seite können die Abstände einzeln festgelegt werden. In der Reihenfolge: oben, rechts, unten, links.
+
+

Beispiele

+
margin: 5%;                /* 5% Abstand auf allen Seiten */
+
+margin: 10px;              /* 10px Abstand auf allen Seiten */
+
+margin: 1.6em 20px;        /* 1.6em Abstand für oben und unten, 20px Abstand für rechts und links */
+
+margin: 10px 3% 1em;       /* oben 10px, links und rechts 3%, unten 1em */
+
+margin: 10px 3px 30px 5px; /* oben 10px, rechts 3px, unten 30px, links 5px */
+
+margin: 1em auto;          /* 1em Abstand oben und unten; die Box wird horizontal zentriert */
+
+margin: auto;              /* Die Box wird horizontal zentriert, kein Abstand (0) oben und unten */
+
+
margin:     auto;
+background: gold;
+width:      66%;
+
margin:     -1em 0 100px -40px;
+background: plum;
+width:      20em
+

Browser Kompatibilität

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Browserab Versionauto Wert
Internet Explorer3.06.0 (strict mode)
Firefox (Gecko)1.0 (1.0)1.0 (1.0)
Opera3.53.5
Safari (WebKit)1.0 (85)1.0 (85)
+

Spezifikation

+ +

Siehe auch

+ +

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

-- cgit v1.2.3-54-g00ecf