Beispiel
Stellen Sie alle vier Ränder eines <p> Element:
p
{
margin: 2cm 4cm 3cm 4cm;
}
Versuch es selber " Definition und Verwendung
Die Marge Kurzschrift-Eigenschaft setzt alle Randeigenschaften in einer Erklärung. Diese Eigenschaft kann von einem bis vier Werte haben.
Beispiele:
- margin:10px 5px 15px 20px;
- obere Rand 10px
- rechten Rand ist 5px
- untere Rand ist 15px
- linken Rand ist 20px
- margin:10px 5px 15px;
- obere Rand 10px
- rechten und linken Ränder sind 5px
- untere Rand ist 15px
- margin:10px 5px;
- 10px oberen und unteren Rand sind
- rechten und linken Ränder sind 5px
- margin:10px;
- alle vier Ränder sind 10px
Note: Negative Werte sind nicht zulässig.
| Standardwert: | 0 |
|---|---|
| Vererbt: | no |
| Anima: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS1 |
| JavaScript-Syntax: | object .style.margin="100px 50px" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| margin | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
CSS-Syntax
margin:length|auto|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| length | Gibt eine Marge in px, pt, cm, etc. Standardwert 0 | Spiel es " |
| % | Gibt eine Marge in Prozent der Breite des enthaltenden Elements | Spiel es " |
| auto | Der Browser berechnet eine Marge | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS Tutorial: CSS Margin
CSS Tutorial: CSS - Box - Modell
HTML - DOM - Referenz: margin property