Rahmen
- border: Fasst alle Rahmen-Tags zusammen (shorthand)
- border-bottom: Bestimmt Aussehen, Dicke und Farbe des unteren Rands
- border-color: Farbe des Rahmens
- border-left: Bestimmt Aussehen, Dicke und Farbe des linken Rands
- border-right: Bestimmt Aussehen, Dicke und Farbe des rechten Rands
- border-top: Bestimmt Aussehen, Dicke und Farbe des oberen Rands
border-color (css 1 - IE, Mozilla, Netscape (teilweise), Opera)
Erklärung:Bestimmt die Farbe des Rahmens. siehe
color
Werte:
- eine Farbangabe: alle vier Seiten nehmen bekommen die gleiche Farbe
- zwei Farbanngaben: oben und unten nehmen die erste Farbe an, links und rechts die Zweite
- drei Farbangaben: erste Farbe für oben, zweite Farbe für rechts und links, dritte Farbe für unten
- vier Farbangaben: erste Farbe für oben, zweite Farbe für rechts, dritte Farbe für unten, vierte Farbe für
links
Beispiel:Farbe jeweils für oben, rechts, unten, links
border-width: #f00; /* rot rot rot rot */
border-width: #f00 #ff0; /* rot gelb rot gelb */
border-width: #f00 #ff0 #0f0 /* rot gelb grün gelb */
border-width: #f00 #ff0 #0f0 #00f /* rot gelb grün blau */
Zu beachten:
Bei Netscape 4.7x ist es nicht möglich den Rändern verschiedene Farben zu
geben. Er nimmt den ersten Farbwert an.
border-top (css 1 - IE, Mozilla, Opera)
Erklärung:
Fasst die drei Tags border-top-width,
border-style, und border-color für den oberen Rand zusammen.
Beispiel:
H1 {
border-top: 2px dotted #f00;
}
Zu beachten:
Netscape 4.7x kennt diese Eigenschaft nicht. Entweder Sie nehmen in Kauf, dass
Netscape 4.7x-User keinen Rand sehen oder Sie schreiben border-top-width,
border-style, und border-color aus.
border-right (css 1 - IE, Mozilla, Opera)
Erklärung:
Fasst die drei Tags
border-right-width, border-style, und
border-color für den oberen Rand zusammen.
Beispiel:
H1 {
border-right: 2px dotted #f00;
}
Zu beachten:
Netscape 4.7x kennt diese Eigenschaft nicht. Entweder Sie nehmen in Kauf, dass
Netscape 4.7x-User keinen Rand sehen oder Sie schreiben border-top-width,
border-style, und border-color aus.
border-bottom (css 1 - IE, Mozilla, Opera)
Erklärung:
Fasst die drei Tags border-bottom-width,
border-style, und border-color für den oberen Rand zusammen.
Beispiel:
H1 {
border-bottom: 2px dotted #f00;
}
Zu beachten:
Netscape 4.7x kennt diese Eigenschaft nicht. Entweder Sie nehmen in Kauf, dass
Netscape 4.7x-User keinen Rand sehen oder Sie schreiben border-bottom-width,
border-style, und border-color aus.
border-left (css 1 - IE, Mozilla, Opera)
Erklärung:
Fasst die drei Tags border-left-width,
border-style, und border-color für den oberen Rand zusammen.
Beispiel:
H1 {
border-left: 2px dotted #f00;
}
Zu beachten:
Netscape 4.7x kennt diese Eigenschaft nicht. Entweder Sie nehmen in Kauf, dass
Netscape 4.7x-User keinen Rand sehen oder Sie schreiben border-left-width,
border-style, und border-color aus.
border (css1 - IE, Mozilla, Opera)
Erklärung:
Fasst die Tags border-style,
border-width und border-color zusammen. Alle vier Seiten des
Rahmens sehen somit gleich aus.
Beispiel:
H1 {
border: thin solid #00ff00;
}