CSS Kochbuch

4.5 Seitenränder

Problem

Eine Webseite soll eine sichtbare Umrahmung erhalten, wie in Abbildung 4-9 gezeigt.

Abbildung 4-9. Eine Webseite mit Umrahmung

Lösung

Verwenden Sie die Eigenschaft border für das Element body:

body {
 margin: 0;
 padding: 1.5em;
 border: 50px #666 ridge;
}

Diskussion

Die Eigenschaft border ist eine Kurzschrift-Eigenschaft, mit der Sie Breite, Farbe und Rahmenstil des Rahmens um ein Element in einem Schritt anstatt in drei Schritten definieren können. Wollen Sie stattdessen die einzelnen Eigenschaften benutzen, müssen Sie die Zeile border: 50px #666 ridge; gegen die folgenden drei Zeilen austauschen:

border-width: 50px; border-color: ...