English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La proprietà border-left CSS imposta la larghezza, lo stile e il colore della bordatura sinistra dell'elemento. È utilizzata per impostare vari attributi di bordatura sinistra in una singola dichiarazione (cioèborder-left-width,border-left-styleeborder-left-colorattributo abbreviato.
La tabella sottostante fornisce spiegazioni sull'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.
| Valore predefinito: | Visualizza tutte le proprietà |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | No |
| Animabile: | Sì,Si prega di riferimento singolo attributo.Si prega di riferimento Proprietà animate. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | object.style.borderLeft="2px solid red" |
La sintassi di questa proprietà è la seguente:
border-left: [ border-left-width border-left-style border-left-color ] | initial | inherit
L'esempio seguente dimostra come utilizzare la proprietà border-left.
h1 {
border-left: 5px solid #ff0000;
}
p {
border-left: 3px dotted #00ff00;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| border-left-width | Imposta la larghezza della bordatura sinistra dell'elemento. |
| border-left-style | Imposta lo stile della linea della bordatura sinistra dell'elemento. |
| border-left-color | Imposta il colore della bordatura sinistra dell'elemento. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà border-left del suo elemento padre. |
Compatibilità del browser per la proprietà border-left; i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Vedere la guida:CSS Border,CSS3 Border.
Proprietà correlate:border,border-left-color,border-left-style,border-left-width.