Ultimele tutoriale de dezvoltare web
 

Style border Property

<Style Object

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