Der Rahmen
Der Rahmen (border) wird durch die border-box festgelegt. Von innen nach außen betrachtet folgt er auf den Innenabstand. Mögliche Angaben sind Linienbreite, Rahmenart und Farbe, getrennt durch Leerzeichen.
Beispiel:
border: 15px dotted black; erzeugt einen 15 Pixel breiten, gepunkteten, schwarzen Rahmen.
padding: 30px und border: 10px dotted magenta
Ergebnis
Dieser Text ist mit einem Innenabstand von padding: 30px und border: 10px dotted magenta formatiert.
p { padding: 30px;
border: 10px dotted magenta; }padding-left: 100px und border: 10px solid darkviolet
Ergebnis
Dieser Text ist mit einem linken Innenabstand von padding-left: 100px und border: 10px solid darkviolet formatiert.
p { padding-left: 100px;
border: 10px solid darkviolet; }padding-top/bottom: 60px und border: 15px groove indigo
Ergebnis
Dieser Text ist mit einem oberen und unteren Innenabstand von padding-top: 60px und border: 15px groove indigo formatiert.
p { padding-top: 60px;
padding-bottom: 60px;
border: 15px groove indigo; }