Jedes Element kann per CSS mit einem Rahmen versehen werden.
Rahmenfarbe, Rahmenart und Rahmenbreite lassen sich gesondert festlegen.
Die Rahmenbreite border-width wird durch eine Maßangabe festgelegt; %-Angaben sind nicht möglich.
Es können alle 4 Seiten eines Elements separat angesprochen werden.
border-top-width, border-right-width, border-bottom-width, border-left-width
Die zusammenfassende Eigenschaft border-width lässt die Angabe von mehreren Werten zu:
border-width:10px 5px 7px 12px
oben (10px), rechts (5px), unten (7px), links (12px)
border-width:10px 5px 12px
oben (10px), rechts/links (5px), unten (12px)
border-width:10px 5px
oben/unten (10px), rechts/links (5px)
border-width:10px
gilt für alle 4 Seiten
Die Eigenschaft border-color mit einen Farbwert weist einem Rahmen die gewünschte Farbe zu.
Wenn ein Element einen Rahmen ohne explizite Farbangabe erhält, so wird die Vordergrundfarbe color für den Rahmen verwendet.
Analog zur Eigenschaft border-width können die 4 Seiten separat angesprochen werden.
Die Eigenschaft border-style legt die Art des Rahmens fest.
Mögliche Werte:
solid, dashed, dotted, double, groove, ridge, inset, outset, none, hidden.
Analog zur Eigenschaft border-width können die 4 Seiten separat angesprochen werden.
Mit der zusammenfassenden Eigenschaft border können allen 4 Seiten eines Elements die gleiche Rahmenfarbe, Rahmenart und Rahmenstärke zugewiesen werden:
border:1px solid red
Die Reihenfolge der Angaben ist beliebig.