Latest web development tutorials

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

Bemerkung Margin kann negativ überlappende Inhalt verwenden.

<H2Margin - einseitige Eigenschaft margin

In CSS kann es eine andere Seite der verschiedenen Ränder angeben:

Beispiele

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

Versuchen »

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

Beispiele

margin:100px 50px;

Versuchen »

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
Beispiele

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.