CSS - border-style
Die border-style-Eigenschaft legt den Stil des Rands eines Elements fest.
Beispiel
div {
border-style: solid;
}
Definition und Verwendung
Diese Eigenschaft kann ein bis vier Werte haben.
- border-style: dotted solid double dashed;
- Der obere Rand ist dotted
- Der rechte Rand ist solid
- Der untere Rand ist double
- Der linke Rand ist dashed
- border-style: dotted solid double;
- Der obere Rand ist dotted
- Der rechte und linke Rand ist solid
- Der untere Rand ist double
- border-style: dotted solid;
- Der obere und untere Rand ist dotted
- Der rechte und linke Rand ist solid
- border-style: dotted;
- Alle vier Ränder sind dotted
- Standard Wert:
- none
- CSS Version:
- CSS1
- Vererbt sich:
- Nein
- Animierbar:
- Nein
Browser Unterstützung
Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein
Mögliche Werte
Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.
| Wert | Beschreibung |
|---|---|
| dashed | Eine gestrichelte Umrandung. |
| dotted | Eine punktierte Umrandung. |
| double | Eine doppelte Umrandung. |
| groove | Eine gerillte Umrandung in 3D. Die Wirkung hängt vom Farbwert ab. |
| hidden | Das gleiche wie "none", mit Ausnahme von Auflösungs-Rahmenkonflikten für Tabellenelemente. |
| inset | Eine nach innen verschobene Umrandung in 3D. Die Wirkung hängt vom Farbwert ab. |
| none | Keine Umrandung. Dies ist die Standardeinstellung. |
| outset | Eine nach außen verschobene Umrandung in 3D. Die Wirkung hängt vom Farbwert ab. |
| ridge | Eine geriffelte Umrandung in 3D. Die Wirkung hängt vom Farbwert ab. |
| solid | Eine feste Umrandung. |
| initial | Setzt diese Eigenschaft auf den Standardwert. |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |