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>
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 | ||||||||||||||
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 |