Exemplu
Adăugați un "solid" contur în jurul unui <div> Element:
document.getElementById("myDiv").style.outlineStyle = "solid"; Încearcă - l singur » Definiție și utilizare
Seturile de proprietate outlineStyle sau returnează stilul de contur în jurul unui element.
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-
Proprietatea outlineStyle este acceptată în toate browserele majore.
Note: Proprietatea outlineStyle nu este acceptat în IE7 și mai devreme. IE8 necesită un DOCTYPE!. IE9 și mai târziu l sprijine.
Sintaxă
Întoarcere proprietatea outlineStyle:
object .style.outlineStyle
Setați proprietatea outlineStyle:
object .style.outlineStyle= value Valori de proprietate
| Valoare | Descriere |
|---|---|
| none | Definește nici un contur. Acest lucru este implicit |
| hidden | Conturul este oprit |
| dotted | Definește o schiță punctată |
| dashed | Definește o schiță punctată |
| solid | Definește un contur solid |
| double | Definește un contur dublu |
| groove | Definește un contur canelat 3D. Efectul depinde de valoarea contur culoare |
| ridge | Definește o schiță 3D striate. Efectul depinde de valoarea contur culoare |
| inset | Definește un contur 3D insertie. Efectul depinde de valoarea contur culoare |
| outset | Definește o schiță 3D început. Efectul depinde de valoarea contur culoare |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
| Valoare implicită: | nici unul |
|---|---|
| Întoarcere Valoare: | Un șir, reprezentând stilul de contur unui element |
| CSS Versiune | CSS2 |
Mai multe exemple
Exemplu
Schimbarea stilului schiță a unui <div> Element:
document.getElementById("myDiv").style.outlineStyle = "solid";
Încearcă - l singur » Exemplu
Întoarcere stilul schiță a unui <div> Element:
alert(document.getElementById("myDiv").style.outlineStyle); Încearcă - l singur » Exemplu
O demonstrație a tuturor diferitelor valori:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue; Încearcă - l singur » Pagini similare
Tutorial CSS: CSS Schiță
Referință CSS: outline-style property
HTML DOM de referință: outline property
<Style Object