Hinweis
style-sheets.de hat Anfang 2004 einen kompletten Relaunch hingelegt. Viele
neue und die meisten alten Inhalte sind nun im neu strukturierten CSS-Guide zu finden.
Diese Seiten enthalten daher unter Umständen veraltete Inhalte. Sie werden jedoch aus
historischen Gründen und zur Vermeidung von toten Links auch bis auf weiteres online
bleiben.
Rahmen
border-style (css1 - IE, Mozilla, Netscape, Opera)
Erklärung:
Bestimmt die Darstellungsweise des Rahmens.
Werte:
- none: kein Rahmen (irgendwann braucht manīs bestimmt)
- dotted: gepunkteter Rahmen (IE5.5, Mozilla, Opera 5)
- dashed: gestrichelter Rahmen (IE5.5, Mozilla, Opera 5)
- solid: durchgezogene Linie (IE5.5, Mozilla, Netscape 4.7x, Opera 5)
- double: doppelter Rahmen (IE5.5, Mozilla, Netscape 4.7x, Opera 5)
- groove: eine Art Riefenrahmen (IE5.5, Mozilla, Netscape 4.7x, Opera 5)
- ridge: aufgewölbter Rahmen (IE5.5, Mozilla, Netscape 4.7x, Opera 5)
- inset: eingesetzter Rahmen (IE5.5, Mozilla, Netscape 4.7x, Opera 5)
- outset: aufsetztender Rahmen (IE5.5, Mozilla, Netscape 4.7x, Opera 5)
Beispiel:
H1 {
border-style: dotted;
}
border-top-width (css 1 - IE, Mozilla, Netscape, Opera)
Erklärung:
Bestimmt die Breite des oberen Rands.
Werte:
- thin: dünne Linie
- medium: mittlere Linie (Voreinstellung)
- thick: dicke Linie
- 5px: beliebige Zahl plus Größenangabe
Beispiel:
H1 {
border-top-width: thin;
}
Zu beachten:
Wollen Sie nur einer (oder weniger als allen) der vier Seiten eines Elements
einen Rand geben, sollten Sie alle anderen (bzw. denen die freibleiben) mit border-bottom-widht:
0px; den Rand nehmen, da alle außer Netscape 4.7 den Standard korrekt interpretieren und eine mittlere Linie
nehmen.
border-right-width (css 1 - IE, Mozilla, Netscape, Opera)
Erklärung:
Bestimmt die Breite des rechten Rands.
Beispiel:
H1 {
border-right-width: thin;
}
border-bottom-width (css 1 - IE, Mozilla, Netscape, Opera)
Erklärung:
Bestimmt die Breite des unteren Rands.
Beispiel:
H1 {
border-bottom-width: thin;
}
border-left-width (css 1 - IE, Mozilla, Netscape, Opera)
Erklärung:
Bestimmt die Breite des linken Rands.
Beispiel:
H1 {
border-right-width: thin;
}
border-width (css 1 - IE, Mozilla, Netscape, Opera)
Erklärung:
Fasst die vier Tags border-top-width,
border-right-width, border-bottom-width,
border-left-width zusammen.
Werte:thin,
medium,
thick, beliebe Zahl plus
Größenangabe
- eine Angabe: alle vier Seiten nehmen sie an
- zwei Angaben: oben und unten nehmen die erste Angabe an, links und rechts die Zweite
- drei Angaben: erste Angabe für oben, zweite Angabe für rechts und links, dritte Angabe für unten
- vier Angaben: erste Angabe für oben, zweite Angabe für rechts, dritte Angabe für unten, vierte Angabe für
links
Beispiel:Rahmendicke für oben, rechts, unten, links
border-width: 10px; /* 10px 10px 10px 10px */
border-width: 10px 20px; /* 10px 20px 10px 20px */
border-width: 10px 20px 30px; /* 10px 20px 20px 30px */
border-width: 10px 20px 30px 40px; /* 10px 20px 30px 40px */
