Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
O schiță este o linie care este desenat în jurul elementelor (outside the borders) în "stand out" (outside the borders) pentru a face elementul "stand out" în "stand out" .
Proprietatea stil schiță specifică stilul unui contur.
| Valoare implicită: | none |
|---|---|
| Mostenit: | no |
| Animatable: | no. Read about animatable |
| Versiune: | CSS2 |
| sintaxa JavaScript: | object .style.outlineStyle="dashed" Try it |
Sfaturi și note
O schiță este o linie în jurul unui element. Este afișat în jurul marginii elementului. Cu toate acestea, este diferit de proprietate de frontieră.
Conturul nu este o parte a dimensiunilor elementului, prin urmare, lățime și înălțime proprietățile elementului nu conțin lățimea conturului.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| outline-style | 1.0 | 8 | 1.5 | 1.2 | 7 |
Note: IE8 susține proprietatea stil contur numai în cazul în care este specificat un DOCTYPE!.
CSS Sintaxa
outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;Valori de proprietate
| Valoare | Descriere | Joaca-l |
|---|---|---|
| none | Specifică nici o schiță. Acest lucru este implicit | Joaca - l » |
| hidden | Specifică o schiță ascunsă | Joaca - l » |
| dotted | Specifică o schiță punctată | Joaca - l » |
| dashed | Specifică o schiță punctată | Joaca - l » |
| solid | Specifică un contur solid | Joaca - l » |
| double | Specifică un Outliner dublu | Joaca - l » |
| groove | Specifică un contur canelat 3D. Efectul depinde de valoarea contur culoare | Joaca - l » |
| ridge | Specifică o schiță crestata 3D. Efectul depinde de valoarea contur culoare | Joaca - l » |
| inset | Specifică o schiță 3D medalion. Efectul depinde de valoarea contur culoare | Joaca - l » |
| outset | Specifică o schiță 3D început. Efectul depinde de valoarea contur 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 stilul unui contur folosind valori diferite:
p.dotted {outline-style: dotted;}
p.dashed {outline-style: dashed;}
p.solid {outline-style: solid;}
p.double {outline-style: double;}
p.groove {outline-style: groove;}
p.ridge {outline-style: ridge;}
p.inset {outline-style: inset;}
p.outset {outline-style: outset;} Încearcă - l singur » Pagini similare
Tutorial CSS: CSS Schiță
Referință CSS: outline property
HTML DOM referință: outlineStyle property