border-style
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Die zusammenfassende Eigenschaft border-style beschreibt den Stil des Rahmens für jede einzelne Seite eines HTML-Elements.
Mit den Eigenschaften border-bottom-style, border-left-style, border-right-style und border-top-style kann der Stil des Rahmens für jede einzelne Seite auch separat festgelegt werden.
Vererbt: nein
Werte
Die CSS-Spezifikation enthält eine ganze Reihe an Konstanten für die Definition des Rahmenstils. Die Tabelle zeigt alle verfügbaren Konstanten auf und gibt Auskunft über die Browserkompatibilität.
Für border-style können bis zu vier Werte (ein Wert für jede Seite) angegeben werden. Die Werte werden mit Leerzeichen voneinander getrennt. Netscape 4 unterstützt nur den gleichen Rahmenstil für alle vier Seiten eines Elements.
Die Werte none und hidden führen nur in solchen HTML-Tabellen zu unterschiedlichen Ergebnissen, deren Eigenschaft border-collapse mit dem Wert collapse deklariert ist: Ist hier der Rahmen einer Zelle mit none deklariert, erhält die Zelle den Rahmenstil der anderen zusammengefassten Zellen. Die Deklaration von border-style wird nicht umgesetzt. Wird ein Rahmen mit hidden deklariert, wird der Rahmenstil der anderen zusammengefassten Zellen überschrieben und kein Rahmen für die ganze zusammengefasste Zellengruppe angezeigt.
Standardwert: keiner
Tabelle: CSS-Konstanten für verschiedene Rahmenstile.
| Konstante | CSS-Spezifikation | Unterstützte Browser | Rahmenstil |
|---|---|---|---|
| double | CSS1 | alle CSS-fähigen Browser | |
| groove | CSS1 | alle CSS-fähigen Browser | |
| inset | CSS1 | alle CSS-fähigen Browser | |
| none | CSS1 | alle CSS-fähigen Browser | |
| outset | CSS1 | alle CSS-fähigen Browser | |
| ridge | CSS1 | alle CSS-fähigen Browser | |
| solid | CSS1 | alle CSS-fähigen Browser | |
| dashed | CSS1 | Netscape 6, Mozilla, IE 5.5/Win, IE 4/Mac | |
| dotted | CSS1 | Netscape 6, Mozilla, IE 5.5/Win, IE 4/Mac | |
| hidden | CSS2 | Netscape 6, Mozilla, IE 5.5/Win, IE 4/Mac | |
Kompatibilität
CSS-Version: 1
Funktioniert in allen CSS-fähigen Browsern, einschließlich Internet Explorer 4 und Netscape 4. Genauere Informationen zur Kompatibilität finden Sie in der Tabelle Wertangaben für border-color.
Beachten Sie den Standardwert 0 für border-width bei Netscape 4.x: Damit ein Rahmen in diesem Browser überhaupt sichtbar wird, muss für seine Breite ein Wert deklariert werden.
Beispiel
Folgende Stilregel verleiht allen HTML-Elementen der Klasse klickbutton das Erscheinungsbild eines Buttons mit dem Rahmenstil outset, einer hellgrauen Hintergrundfarbe und schwarzer Textfarbe:
.klickbutton {
border-style: outset;
border-color: grey;
border-width: medium;
background: lightgrey;
color: black;
}| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg