Esempio
Aggiungere un bordo a un <div> elemento:
document.getElementById("myDiv").style.border = "thick solid #0000FF"; Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
I set di confine di proprietà o ritorni fino a tre proprietà del bordo indipendente, in forma abbreviata.
Con questa proprietà, è possibile impostare / return uno o più dei seguenti (in qualsiasi ordine):
- larghezza del bordo
- stile del bordo
- colore del bordo
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintassi
Restituire la proprietà border:
object .style.border
Impostare la proprietà border:
object .style.border=" I valori delle proprietà Parametro Descrizione width Imposta la larghezza dei bordi style Imposta lo stile dei confini color Imposta il colore dei bordi initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: non specificato Valore di ritorno: A String, che rappresenta il confine larghezza, lo stile e / o il colore di un elemento CSS Version CSS1
Altri esempi
Esempio
Modificare la larghezza, lo stile e il colore del bordo di un <div> elemento:
document.getElementById("myDiv").style.border = "thin dotted red"; Prova tu stesso "
Esempio
Restituire i valori delle proprietà di frontiera di un <div> elemento:
alert(document.getElementById("myDiv").style.border); Prova tu stesso "
Pagine correlate
Tutorial CSS: CSS Border
Di riferimento CSS: border property
<Stile di oggetto