Impressum
< CSS 3 Inhalt

CSS Rahmen und Abstände - das Box Model

Jedes HTML-Element hat einen Rahmen. Normalerweise ist er unsichtbar und von der Breite 0. Diesen Rahmen kann man mit dem CSS-Attribtue border festlegen.
Name Wert
border-width thin, medium, thick oder
Breite in Pixeln (z.B. 5px)
border-style dotted dashed solid double

groove ridge inset outset

border-style: dotted double solid groove;

none hidden
border-color Die Farbe des Rahmens.
dotted dotted
Jeder Rahmen hat einen äußeren Abstand den margin und einen inneren Abstand das padding.
Mit margin-width und padding-width kann man deren Breite einstellen.
margin
 border 
padding
Inhalt
Man kann die einzelnen Abstände und Rahmen entweder mit left, right, top und bottom festlegen (z.B. border-top, margin-top, padding-top, etc) oder man legt alle auf einmal fest:
Die selbe Reihenfolge gilt auch für die Rahmenfarbe.

Beispiel:

<p style="border-width: 0px 10px; padding:0px 10px; border-color:red; background-color:yellow;border-style:solid;">
Dies ist ein <br>
wichtiger<br>
Text
</p>

Dies ist ein
wichtiger
Text