CSS Margin (Margin)
CSS Margin (Marge) Eigenschaft definiert den Raum um Elemente.
Marge
deutlichem Abstand um Elemente (außerhalb der Grenzen) Bereich. Marge keine Hintergrundfarbe ist vollständig transparent
Marge kann auf einzelne Elemente, unten, links und rechten Rand geändert werden. Sie können auch einmal alle Eigenschaften ändern.
Mögliche Werte
Wert | Erklärung |
---|---|
auto | Stellen Sie Ihren Browser Margen. Das Ergebnis wird auf dem Browser-abhängig |
Länge | Definieren Sie einen festen Rand (unter Verwendung der Pixel, pt, em, etc.) |
% | Definiert eine prozentuale Marge mit |
Margin kann negativ überlappende Inhalt verwenden.
<H2Margin - einseitige Eigenschaft margin
In CSS kann es eine andere Seite der verschiedenen Ränder angeben:
Margin - Kurzschrift-Eigenschaft
Um den Code zu verkürzen, ist es möglich, alle Randeigenschaften in einer Eigenschaft angegeben Marge zu verwenden. Dies ist eine Kurzschrift-Eigenschaft genannt.
Stenografie-Eigenschaft für alle Randeigenschaften ist "Rand":
Marge Eigenschaft ein bis vier Werte aufweisen. / P>
- margin: 25px 50px 75px 100px;
- Am Rande des 25px
- Rechter Rand zu 50px
- Der untere Rand ist 75px
- Linker Rand von 100px
- margin: 25px 50px 75px;
- Am Rande des 25px
- Die linken und rechten Rand auf 50px
- Der untere Rand ist 75px
- margin: 25px 50px;
- Die oberen und unteren Ränder 25px
- Die linken und rechten Rand auf 50px
- margin: 25px;
- Alle vier Ränder sind 25px
Weitere Beispiele
Randeinstellungen auf den Text ein cm - Wert unter Verwendung von
Dieses Beispiel zeigt, wie ein Textwert Zentimeter der oberen Rand einzurichten.
Stellen Sie den Text , um den Prozentwert des unteren Randes mit
Dieses Beispiel zeigt, wie mit Bezug auf die Breite des enthaltenden Elements mit einem Prozentsatz des Wertes des unteren Randes einzurichten.
Alle CSS-Marge Eigenschaften
Immobilien | Beschreibung |
---|---|
Marge | Stenografie Eigenschaft. Stellen Sie alle Randeigenschaften in einer Erklärung. |
margin-bottom | Einstellen außerhalb eines Elements. |
margin-left | Das Element am linken Rand. |
margin-right | Das Element des rechten Rand. |
margin-top | Element wird auf dem Rand gesetzt. |