English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Die CSS-Property 'margin' setzt den Abstand auf allen vier Seiten eines Elements. Es istRand-top,Rand-right,Rand-bottomundRand-leftKurzschreibweise des Attributes.
Die nachfolgende Tabelle enthält die Verwendungshinweise und Versionshistorie dieses Attributes sowie die Syntax für die Verwendung im JavaScript-Skript.
| Standardwert: | 0 |
|---|---|
| Geeignet für: | Alle Elemente, aber table AnzeigeAußer Elementen des Typs. Tabelle- Überschrift Tabelle inline-Tabelle. Es gilt auch für ::first-Buchstabe. |
| Vererbung: | Nein |
| Animierbar: | Ja.Bitte beziehen Sie sich auf Animationsattribute. |
| Version: | CSS 1,2,3 |
| JavaScript-Syntax: | Objekt.style.Rand="20px 15px" |
Die Syntax dieses Attributes ist wie folgt:
Rand: [ Länge | Prozentsatz | auto ] 1 zu 4 Werte | initial | inherit
Die folgenden Beispiele zeigen, wie die Rand-Eigenschaft verwendet wird.
h1 {
Rand: 25px;
}
p {
Rand: 50px 100px;
}Testen Sie heraus‹/›Dieser Kurzwert kann einen, zwei, drei oder vier durch Leerzeichen getrennten Werten entsprechen.
Wenn eingerichtetEin Wertwird dieser Rand auf alle vier Seiten angewendet.
Wenn eingerichtetZwei Wertewenn der erste Wert auf den oberen und unteren Rand angewendet wird, der zweite Wert auf den rechten und linken Rand.
Drei Werte entsprechendWird auf den oberen, horizontalen (d.h. links und rechts) und unteren Rand angewendet.
Vier WerteWird in der Reihenfolge auf den oberen, rechten, unteren und linken Rand angewendet.
Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| Rand-top | Setzen Sie die obere Randebene des Elements. |
| Rand-right | Setzen Sie die rechte Randebene des Elements. |
| Rand-bottom | Setzen Sie die untere Randebene des Elements. |
| Rand-left | Setzen Sie die linke Randebene des Elements. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der Rand der verknüpften Elemente auf den Wert des Randes des übergeordneten Elements gesetzt. |
Kompatibilität der margin-Eigenschaft der Browser; die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS Rand,CSS Box Modell.
Verwandte Eigenschaften:Rand-top,Rand-right,Rand-bottom,Rand-left.