English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Grundanleitung

CSS Box-Modell

CSS3Grund教程

CSS Referenzhandbuch

CSS @Regel (RULES)

CSS Außenabstand (Außenabstand)

Der Abstand beseitigt den Bereich um den Rahmen und trennt ihn von anderen Rahmen.

CSS-Randabstandseigenschaft

Die CSS-Randabstandseigenschaft ermöglicht es Ihnen, den Außenabstand der Elementrahmen beidseitig zu setzen. Der Abstand hat keinebackground-colorEs ist vollständig transparent.

Einzelne Ränder einstellen

Sie können die einzelnen margin-Eigenschaften von CSS leicht verwenden, um verschiedene Außenabstände für verschiedene Seiten eines Elements (z.B. oben, rechts, unten oder links) zu spezifizieren.

h1 {margin-unten: 20px;}
p {margin-links: 10px;margin-rechts: 30px;}
Testen Sie es heraus‹/›

Kurzschreibweise für die Randabstandseigenschaft

Die margin-Eigenschaft ist eine Kurzschreibweise, um die verschiedenen Außenabständen einzeln zu vermeiden: margin-oben, margin-rechts, margin-unten und margin-links.

h1 { margin: 0 10px;}
p {margin: 25px 50px 75px 100px;}
Testen Sie es heraus‹/›

Dieser Kurznamen kann einen, zwei, drei oder vier durch Leerzeichen getrennten Wert haben.

  • Wenn eingestelltEin WertDann wird er auf alle vier Seiten angewendet.

  • Wenn angegebenZwei WerteDann wird der erste Wert sowohl auf den oberen als auch auf den unteren Rand angewendet, der zweite Wert auf die rechte und linke Seite.

  • Wenn angegebenDrei WerteDann wird der erste Wert auf den oberen Rand angewendet, der zweite Wert auf die linke und rechte Seite und der letzte Wert auf den unteren Rand.

  • Wenn angegebenVier WerteDann werden sie in der angegebenen Reihenfolge auf den oberen, rechten, unteren und linken Rand angewendet.