border-styleNN 4 IE 4 CSS 1

Vererbt: Nein

Ein Kurzattribut, mit dem mehrere Ränder auf den gleichen oder unterschiedliche Rahmenstile gesetzt werden können. Bei Navigator 4 ist nur ein einziger Wert erlaubt, der auf alle vier Rahmenseiten angewendet wird. Bei Internet Explorer und Netscape 6 können Sie einen bis vier durch Leerzeichen getrennte Rahmenstilwerte angeben. Die Anzahl der Werte bestimmt, welchen Seiten der jeweilige Stil zugewiesen wird.

 
CSS-Syntax
 
border-style: borderStyle {1,4}
 
Wert

Stilwerte sind Konstanten, die bestimmten Rahmenlinien entsprechen. Nicht alle Browser erkennen alle Werte der CSS-Empfehlung. Stile werden wie folgt unterstützt:

Wie ein Browser einen bestimmten Stilwert interpretiert, lässt sich nicht allgemein sagen. In Abbildung 11-1 sehen Sie, wie die einzelnen Stile in Internet Explorer 6 für Windows, Explorer 5 für Macintosh und Netscape 6 wiedergegeben werden. Nicht in allen Browsern ist das gleiche Erscheinungsbild zu erwarten.

Bei Navigator 4 kann nur ein Stilwert zugewiesen werden. Bei Internet Explorer und Netscape 6 akzeptiert dieses Attribut einen, zwei, drei oder vier durch Leerzeichen getrennte borderStyle-Werte, je nachdem, wie viele bzw. welche Rahmenseiten Sie mit einem bestimmten Stil versehen wollen. Die Wertanzahl und -positionen werden wie folgt interpretiert.

WertNNIE/WindowsIE/MacCSS
dashed65.541
dotted65.541
double4441
groove4441
hidden6--42
inset4441
none4441
outset4441
ridge4441
solid4441
Anzahl der WerteEffekt
1Alle vier Rahmenseiten werden auf den Wert gesetzt.
2Obere und untere Rahmenseite werden auf den ersten Wert gesetzt, rechte und linke Rahmenseite auf den zweiten Wert.
3Obere Rahmenseite wird auf den ersten Wert gesetzt, linke und rechte Rahmenseite auf den zweiten, untere Rahmenseite auf den dritten Wert.
4Obere, rechte, untere und linke Rahmenseite werden auf den jeweiligen Wert gesetzt.
 
Anfangswert

none

 
Beispiel
 
h1 {border-style: ridge; border-width: 3px}
div {border-style: solid double; border-width: 4px}
 
Gilt für

Alle Elemente (in IE 4 und 5 für Windows jedoch nur für Block- und ersetzte Elemente).

 
Objektmodellreferenz
 
[window.]document.getElementById("elementID").style.borderStyle