Hier bist Du: Home » Außenabstände » margin-bottom

Außenabstand unten: margin-bottom

Diese Eigenschaft gibt es seit Version: CSS 1

Erzeugt unter dem Element einen Abstand zum nächsten Element. Außenabstände kannst du als transparenten Rand um ein Element betrachten.

Code-Beispiel für margin-bottom:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html>
  <head>
	<style type="text/css">
	 p {margin-bottom:150px;}
	</style>
  </head>
  <body>
    <p> Dieser Absatz hat einen Abstand von 150px nach unten</p>
  </body>
</html>

Beispiel

Initialwert:0
Vererbbar:Nein
Anwendbar auf:Alle Elemente
Medium:Visual
Werte: Längenangabe oder Prozentangabe, Inherit und auto. auto weist den Browser an, den Wert automatisch zu berechnen.
Es sind positive und negative Werte erlaubt.
Prozentuale Werte:Beziehen sich auf die Abmessungen des Elements (der Box), für das margin-bottom angegeben ist.
Wert Internet Explorer Opera Netscape Mozilla Mozilla Firefox Safari Konqueror
5 5.5 6 MAC 5+ 5 6 7+ 4 6 7+ 1+ 0.8+ 1.0+ 3.3+
Längenangabe, Prozentangabe j j j j j j j j j j j j j j
auto n n j j j j j n j j j j j j