Exemplu
Adăugați o bordură la un <div> Element:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Seturile de frontieră de proprietate sau se întoarce până la trei proprietăți distincte de frontieră, într-o formă prescurtare.
Cu această proprietate, puteți seta / returna una sau mai multe dintre următoarele (în orice ordine):
- border-width
- Stil de frontieră
- border-color
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
border | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
Sintaxă
Întoarcere proprietatea de frontieră:
object .style.border
Setați proprietatea de frontieră:
object .style.border=" Valori de proprietate Parametru Descriere width Setează lățimea frontierelor style Setează stilul frontierelor color Setează culoarea frontierelor 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ă: nespecificat Întoarcere Valoare: Un șir, reprezentând lățimea de frontieră, stilul și / sau culoarea unui element CSS Versiune CSS1
Mai multe exemple
Exemplu
Modifica lățimea, stilul și culoarea a frontierei unui <div> Element:
document.getElementById("myDiv").style.border = "thin dotted red"; Încearcă - l singur »
Exemplu
Întoarceți valorile de proprietate de frontieră ale unui <div> Element:
alert(document.getElementById("myDiv").style.border); Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS Border
Referință CSS: border property de border property
<Style Object