Exemplu
Adăugați o schiță în jurul unui <div> Element:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Încearcă - l singur » Definiție și utilizare
Seturile de proprietate contur sau se întoarce toate proprietățile contur, într-o formă prescurtare.
Cu această proprietate, puteți seta / returna una sau mai multe dintre următoarele (în orice ordine):
- schiță lățime
- schiță stil
- schiță color
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 contur este acceptată în toate browserele majore.
Note: Proprietatea contur nu este acceptat în IE7 și mai devreme. IE8 necesită un DOCTYPE!. IE9 și mai târziu l sprijine.
Sintaxă
Întoarcere proprietatea contur:
object .style.outline
Setați proprietatea contur:
object .style.outline=" Valori de proprietate Parametru Descriere width Setează lățimea conturului style Setează stilul de contur color Setează culoarea conturului 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ă: none invert mediu Întoarcere Valoare: Un șir, reprezentând contur lățime, stil și / sau culoarea unui element CSS Versiune CSS2
Mai multe exemple
Exemplu
Modifica lățimea, stilul și culoarea conturului unui <div> Element:
document.getElementById("myDiv").style.outline = "5px dotted green"; Încearcă - l singur »
Exemplu
Întoarceți valorile de proprietate conturul unui <div> Element:
alert(document.getElementById("myDiv").style.outline); Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS Schiță
Referință CSS: outline property
<Style Object