Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die border-style-Eigenschaft legt den Stil eines vier Grenzen des Elements. Diese Eigenschaft kann von einem bis vier Werte haben.
Beispiele:
- border-style:dotted solid double dashed;
- oberen Rand ist punktiert
- rechten Rand ist solide
- untere Grenze ist doppelt
- linken Rand ist gestrichelt
- border-style:dotted solid double;
- oberen Rand ist punktiert
- rechten und linken Ränder sind fest
- untere Grenze ist doppelt
- border-style:dotted solid;
- obere und untere Rand sind gespickt
- rechten und linken Ränder sind fest
- border-style:dotted;
- Alle vier Ränder sind gespickt
| Standardwert: | none |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS1 |
| JavaScript-Syntax: | object .style.borderStyle="dotted double" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| border-style | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Note: Der Wert "hidden" ist nicht in IE7 und früher unterstützt. IE8 erfordert eine DOCTYPE!. IE9 und höher unterstützen "hidden" .
CSS-Syntax
border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| none | Standardwert. Gibt keine Grenze | Spiel es " |
| hidden | Das gleiche wie "none" , außer in Auflösung Grenzkonflikt für Tabellenelemente | Spiel es " |
| dotted | Gibt eine punktierte Grenze | Spiel es " |
| dashed | Gibt eine gestrichelte Umrandung | Spiel es " |
| solid | Gibt eine feste Grenze | Spiel es " |
| double | Gibt eine doppelte Grenze | Spiel es " |
| groove | Gibt einen gerillten Rand 3D. Die Wirkung hängt von der Grenzfarbwert | Spiel es " |
| ridge | Gibt einen geriffelten Rand 3D. Die Wirkung hängt von der Grenzfarbwert | Spiel es " |
| inset | Gibt einen 3D-Einschub Grenze. Die Wirkung hängt von der Grenzfarbwert | Spiel es " |
| outset | Gibt einen 3D Anfang Grenze. Die Wirkung hängt von der Grenzfarbwert | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Mehr Beispiele
Beispiel
Set verschiedene Grenzen auf jeder Seite eines Elements:
p.one {border-style: dotted solid dashed double;}
p.two {border-style:
dotted solid dashed;}
p.three {border-style: dotted solid;}
p.four
{border-style: dotted;} Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Border
HTML - DOM - Referenz: borderStyle property