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.
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
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
|