Die unsichtbaren Helden.

Spacing

Die Box Eigenschaften sind wichtig.

Margin & Padding sind zwei Begriffe mit viel Gewicht. Sie definieren den Umraum innerhalb und ausserhalb einer Box und ihrem Content.

Margin: Befreit die Zone ausserhalb des Elements (ist transparent). Treffen sich zwei Margins wird nur der grössere Wert genommen, der andere Wert wird verschluckt.

Padding: Befreit die Zone innerhalb des Elements (ist transparent)

Border: Kann eingefärbt und in seiner Dicke verändert werden.

Content: Bilder, Text, etc. erscheinen hier. Kann eingefärbt oder eine definierte Höhe und Breite haben. (Grösse = Border + Padding + Content)

Gif-Animation welche die Boxmodel Spacing Properties zeigt. (Margin, Padding, Content und Border)
© Webdesign Essentials
Vertiefe dich ins ganze Kapitel

Variable Gestaltung