CSS Außenabstände (Margins): Anweisungen auf einen Blick

Die Außenabstände (Margins) verhalten sich bei CSS ähnlich wie die Innenabstände (Paddings). Der Margin Befehl definiert den Abstand von Elementen zueinander.

Wir sorgen mit dem CSS Befehl Margin zum Beispiel für einen Spalt zwischen zwei „Boxen“. Auch hier können wir wieder die Mischschreibweise verwenden. Zulässig sind Außenabstände nur bei Block-Elementen wie div, p, ul, li, ….

BefehlBedeutungMögliche Werte
margin-topAußenabstand oben

Integer Wert in Pixel (px), mm, cm oder em

margin-right

Außenabstand  rechts

Integer Wert in Pixel (px), mm, cm oder em

margin-bottom

Außenabstand  unten

Integer Wert in Pixel (px), mm, cm oder em

margin-left

Außenabstand  links

Integer Wert in Pixel (px), mm, cm oder em

margin

Außenabstand  kombiniert

Integer Wert in Pixel (px), mm, cm oder em

margin: 10px;
alle Seiten 10px

margin: 10px 20px;
oben/unten 10px, rechts/links 20px

margin: 10px 20px 30px 40px;
oben 10px, rechts 20px, unten 30px, links 40px

Bewerte diese Seite

 
 
 
 
 
 
 
Bewerten
 
 
 
 
 
 
2 Bewertungen
50 %
1
5
2.5
 

Veröffentlicht von

Kevin Lieser

Kevin Lieser

Kevin Lieser ist ausgebildeter Mediendesigner und seit 2008 mit der TYPO3 Agentur KA Mediendesign unternehmerisch tätig. Seine Leidenschaften sind gutes Webdesign und die PHP Programmierung. Als App Entwickler und Autor mehrerer TYPO3 Extensions engagiert er sich aktiv für die Weiterentwicklung von Webapplikationen und mobilen Anwendungen.