CSS Außenabstand

0 | 2291 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "CSS Außenabstand" mit Ihrem Wissen!

Anzeige Hier werben

Margin ist der Außenabständ zwischen dem Rand eines Elements und anderen Elementen, bzw. dem übergeordneten Element.

Eigenschaft
Beschreibung Werte
margin
Außenabstand
Längenangaben, Prozentangaben, auto, Inherit
margin-bottom
Abstand unten
Längenangaben, Prozentangaben, auto, Inherit
margin-top
Abstand oben
Längenangaben, Prozentangaben, auto, Inherit
margin-left
Abstand links
Längenangaben, Prozentangaben, auto, Inherit
margin-right
Abstand rechts
Längenangaben, Prozentangaben, auto, Inherit

Beispiele

 
css
1
2
3
4
5
6
7
8
9
#box {
  height:100px;
  width:100px;
  border:1px solid #000;
  margin-top:10px;
  margin-right:10px;
  margin-bottom:10px;
  margin-left:10px;
}

oder

 
css
1
2
3
4
5
6
#box {
  height:100px;
  width:100px;
  border:1px solid #000;
  margin: 10px 10px 10px 10px;
}

Erklärung:

Der erste Wert ist für den Abstand oben, der Zweite für den Abstand rechts, der Dritte für den Abstand unten und der Vierte für den Abstand links

Auf jeder Seite den selben Abstand

Soll auf jeder Seite der selbe Abstand sein, kann man eine sehr einfache Schreibweise benutzen

 
css
1
2
3
4
5
6
#box {
  height:100px;
  width:100px;
  border:1px solid #000;
  margin: 10px;
}

Der erste Wert steht für oben, der zweite für links und rechts und der dritte für unten

 
css
1
2
3
4
5
6
#box {
  height:100px;
  width:100px;
  border:1px solid #000;
  margin: 10px 20px 30px;
}

Hier steht der erste Wert für oben und unten und der zweite für Links und Rechts

 
css
1
2
3
4
5
6
#box {
  height:100px;
  width:100px;
  border:1px solid #000;
  margin: 10px 20px;
}

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 5 Personen an der Seite "CSS Außenabstand" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "CSS Außenabstand" hier bearbeiten.

Mitarbeiter