Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea stil de frontieră stabilește stilul de patru granițele unui element. Această proprietate poate avea de la unu la patru valori.
Exemple:
- border-style:dotted solid double dashed;
- chenarul de sus este punctată
- chenarul din dreapta este solid
- de frontieră de jos este dublu
- chenarul din stânga este punctată
- border-style:dotted solid double;
- chenarul de sus este punctată
- chenarele din dreapta și stânga sunt solide
- de frontieră de jos este dublu
- border-style:dotted solid;
- chenarele de sus și de jos sunt punctate
- chenarele din dreapta și stânga sunt solide
- border-style:dotted;
- toate cele patru frontiere sunt punctate
| Valoare implicită: | none |
|---|---|
| Mostenit: | no |
| Animatable: | no. Read about animatable |
| Versiune: | CSS1 |
| sintaxa JavaScript: | object .style.borderStyle="dotted double" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| border-style | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
Note: Valoarea "hidden" nu este acceptat în IE7 și mai devreme. IE8 necesită un DOCTYPE!. IE9 și sprijin mai târziu "hidden" .
CSS Sintaxa
border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;Valori de proprietate
| Valoare | Descriere | Joaca-l |
|---|---|---|
| none | Valoare implicită. Specifică o graniță | Joaca - l » |
| hidden | La fel ca "none" , cu excepția cazului în soluționarea conflictelor de frontieră pentru elementele de masă | Joaca - l » |
| dotted | Specifică o bordură punctată | Joaca - l » |
| dashed | Specifică o linie întreruptă | Joaca - l » |
| solid | Specifică un chenar solid | Joaca - l » |
| double | Specifică un chenar dublu | Joaca - l » |
| groove | Specifică o bordură 3D canelat. Efectul depinde de valoarea frontierei de culoare | Joaca - l » |
| ridge | Specifică un chenar crestata 3D. Efectul depinde de valoarea frontierei de culoare | Joaca - l » |
| inset | Specifică o bordură 3D insertie. Efectul depinde de valoarea frontierei de culoare | Joaca - l » |
| outset | Specifică un chenar 3D început. Efectul depinde de valoarea frontierei de culoare | Joaca - l » |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială | Joaca - l » |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Mai multe exemple
Exemplu
Setați diferite frontiere pe fiecare parte a unui element:
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;} Încearcă - l singur » Pagini similare
Tutorial CSS: CSS Border
HTML DOM referință: borderStyle property