Proprietà CSS border

Definizione e uso

L'attributo abbreviato border imposta tutte le proprietà dei bordi in una dichiarazione.

È possibile impostare in ordine i seguenti attributi:

Se non si imposta uno dei valori, non ci saranno problemi, ad esempio border:solid #ff0000; è anche permesso.

Vedi anche:

Tutorial CSS:CSS Bordo

Manuale di riferimento HTML DOM:Proprietà border

Esempio

Impostare lo stile di 4 bordi:

p
  {
  border:5px solid red;
  }

Prova tu stesso

Sintassi CSS

border: border-width border-style border-color|initial|inherit;

Valore dell'attributo

Valore Descrizione
border-width Stabilisce la larghezza del bordo. Vedi:border-width valori possibili.
border-style Stabilisce lo stile del bordo. Vedi:border-style valori possibili.
border-color Stabilisce il colore del bordo. Vedi:border-color valori possibili.
inherit Si stabilisce che la proprietà border debba essere ereditata dal elemento genitore.

Dettagli tecnici

Valore predefinito: non specificato
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: object.style.border="3px solid blue"

Altri esempi

Tutte le proprietà dei bordi in una dichiarazione
Questo esempio dimostra come utilizzare attributi abbreviati per impostare tutte le quattro proprietà dei bordi in una sola dichiarazione.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente questa proprietà.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5