Startseite STARTSEITE    Schulnetzwerk SCHULNETZWERK    HOGA-Webtechnologien HOGA-Web    ÖNorm ÖNORM    Glossar GLOSSAR    Downloads DOWNLOAD

CASCADING STYLE SHEETs - Das Box-Modell

Rahmen

InnenabstandJedes Element kann per CSS mit einem Rahmen versehen werden.

Rahmenfarbe, Rahmenart und Rahmenbreite lassen sich gesondert festlegen.

 

Die Rahmenbreite

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

Rahmenfarbe

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.

Rahmenart

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.

Zusammenfassend: border

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.

 

 

  Links: http://kalliope.webtermin.com/WebUntis/ | http://www.tourismusschulen-bludenz.at/ | www.google.at |