2.7.4 Aussenabstand <margin>

a) Bezeichnungen

margin = Zwischenraum = Aussenabstand (Aussenrand oder Abstand zum nächsten Element)

• Der Randabstand des Elementes (Margin) ist der Abstand zwischen dem Element (Absatz oder Rahmen) und anderen Elementen (Seitenrand, nächster Abschnitt oder nächster Rahmen).

b) Möglichkeiten

Folgende Abstände sind möglich:

• margin-top = oberer Aussenabstand
• margin-right = rechter Aussenabstand
• margin-bottom = unterer Aussenabstand
• margin-left = linker Aussenabstand

c) Beispiel

<p style="outline:1px solid #f00;
 margin:1cm 2cm 1cm 2cm;">
 Aussenabstand: oben=1cm, rechts=2cm, unten=1cm, links=2cm
<br>

Aussenabstand: oben=1cm, rechts=2cm, unten=1cm, links=2cm

d) Workshops

• SELFHTML: Aussenrand und Abstand
  SELFHTML: margin (Aussenrand/Abstand allgemein)
  SELFHTML: Beispiel
  SELFHTML: margin-top (Aussenrand/Abstand oben)
  SELFHTML: Beispiel
  SELFHTML: margin-right (Aussenrand/Abstand rechts)
  SELFHTML: Beispiel
  SELFHTML: margin-bottom (Aussenrand/Abstand unten)
  SELFHTML: Beispiel
  SELFHTML: margin-left (Aussenrand/Abstand links)
  SELFHTML: Beispiel

• W3Schools: CSS2-Reference: margin
  W3Schools: Beispiel: CSS Margin
  W3Schools: Beispiel: Set the left margin of a text
  W3Schools: Beispiel: Set the right margin of a text
  W3Schools: Beispiel: Set the top margin of a text
  W3Schools: Beispiel: Set the bottom margin of a text
  W3Schools: Beispiel: All the margin properties in one declaration

• CSS 4 You: Aussenabstand (margin)
  CSS 4 You: Beispiel

• Web Design Group: Syntax: margin
  Web Design Group: Syntax: margin-top
  Web Design Group: Syntax: margin-right
  Web Design Group: Syntax: margin-bottom

↑