2.9.5 Aussenabstand <margin>
en Margin
fr

• 1 Bezeichnungen
• 2 Möglichkeiten
• 3 Beispiel
• 3 Workshops

-

⇧ 1 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).

HTML: Das Box-Modell

-

⇧ 2 Möglichkeiten

Folgende Abstände sind möglich:

• margin-top = oberer Aussenabstand

• margin-right = rechter Aussenabstand

• margin-bottom = unterer Aussenabstand

• margin-left = linker Aussenabstand

-

⇧ 3 Beispiel

1) Angabe im Quelltext

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

2) Ausgabe im HTML-Dokument

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

-

⇧ 3 Workshops

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

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

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

• Web Design Group en CSS Margin
  en Syntax: margin
  Web Design Group en Syntax: margin-top
  Web Design Group en Syntax: margin-right
  Web Design Group en Syntax: margin-bottom

↑