border-style | NN 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.
Wert | NN | IE/Windows | IE/Mac | CSS
--- | --- | --- | --- | ---
dashed | 6 | 5.5 | 4 | 1
dotted | 6 | 5.5 | 4 | 1
double | 4 | 4 | 4 | 1
groove | 4 | 4 | 4 | 1
hidden | 6 | -- | 4 | 2
inset | 4 | 4 | 4 | 1
none | 4 | 4 | 4 | 1
outset | 4 | 4 | 4 | 1
ridge | 4 | 4 | 4 | 1
solid | 4 | 4 | 4 | 1
Anzahl der Werte | Effekt
--- | ---
1 | Alle vier Rahmenseiten werden auf den Wert gesetzt.
2 | Obere und untere Rahmenseite werden auf den ersten Wert gesetzt, rechte und linke Rahmenseite auf den zweiten Wert.
3 | Obere Rahmenseite wird auf den ersten Wert gesetzt, linke und rechte Rahmenseite auf den zweiten, untere Rahmenseite auf den dritten Wert.
4 | Obere, 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