margin-bottom
Legt die Breite des unteren Rands des Objekts fest.
Syntax
{ margin-bottom: sHeight }
Mögliche Werte
sHeight
Variante, mit der einer der folgenden Werte angegeben oder empfangen wird:
auto |
Standard. Für den oberen Rand wird der gleiche Wert wie für den unteren Rand festgelegt. |
height |
Gleitkommazahl, gefolgt von einem absoluten Einheitenkennzeichner (cm, mm, in, pt oder pc) oder einem relativen Einheitenkennzeichner (em, ex oder px). Weitere Informationen zu den unterstützten Längeneinheiten finden Sie unter Verweis auf Längeneinheiten. |
percentage |
Ganze Zahl, gefolgt von einem Prozentzeichen (%). Dieser Prozentsatz gibt die Höhe relativ zur Höhe des übergeordneten Objekts an. |
Diese Eigenschaft hat den Standardwert auto. Sie wird nicht vererbt.
Hinweise
Bei Inlineelementen wird der Wert dieser Eigenschaft zur Berechnung der Rahmenfläche um ein Inlineelement verwendet, sofern dieses vorhanden ist. Dieser Wert trägt jedoch nicht zur Höhe einer Linie bei.
Negative Ränder werden unterstützt, mit Ausnahme der oberen und unteren Ränder von Inlineobjekten.
Beispiele
Im folgenden Beispiel wird die margin-bottom-Eigenschaft verwendet, um den Rand des Objekts festzulegen. Es werden das HR-Element als Selektor und margin1 als Klasse in einem eingebetteten Stylesheet verwendet, um den oberen Rand der horizontalen Trennlinie festzulegen:
<style>
HR { margin-bottom: 2cm; }
.margin1 { margin-bottom: 4cm; }
</style>
</head>
<body>
<HR onclick="this.className='margin1'" ondblclick="this.className=''">
</style>
Im nächsten Beispiel wird ein Inlineskript verwendet, um den Rand zu setzen und zurückzusetzen, wenn die Ereignisse onclick und ondblclick eintreten:
<HR onclick="this.style.marginTop='2cm'"
ondblclick="this.style.marginTop=''">
Informationen zu Standards
Diese Eigenschaft ist unter Cascading Style Sheets (CSS), Level 1 (CSS1) (möglicherweise in englischer Sprache) definiert.
Gilt für
A, ABBR, ACRONYM, B, BDO, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, CUSTOM, DD, DEFAULTS, DEL, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, HN, HR, I, IFRAME, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, INS, LI, OBJECT, OL, P, Q, S, SPAN, SUB, TABLE, TD, TH, TT, U, UL, VAR, XMP