English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-bottom-left-radius viene utilizzato in CSS per impostare lo stile arrotondato dell'angolo in basso a sinistra dell'elemento. Questo arrotondamento può essere circolare o ellittico, e diventa un angolo retto normale quando il valore è 0. L'aspetto dell'elemento, sia che sia un'immagine o un colore di sfondo, è influenzato da questa proprietà nella sua forma.
La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sua sintassi di utilizzo nei script JavaScript.
| Valore predefinito: | 0 |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | Nessuno |
| Animabile: | Sì.Si prega di consultare Proprietà animate. |
| Versione: | Nuova funzionalità di CSS3 |
| Sintassi JavaScript: | objectobject.style.borderBottomRightRadius="3px" |
Attenzione:border-bottom-left-radius farà arrotondare l'elemento di sfondo anche se non è definito il bordo o il suo valore è impostato su none.
La sintassi di questa proprietà è la seguente:
border-bottom-left-radius: [ lunghezza | percentuale ] 1 o 2 valori | iniziale | ereditato
Questo abbreviazione può utilizzare un valore o due valori separati da uno spazio.
Il secondo valore di lunghezza opzionale definisce il raggio verticale dell'angolo in basso a sinistra, quindi la forma dell'angolo è un quarto di ellisse.
Se si omette il secondo valore di lunghezza o se è uguale al secondo valore di lunghezza, la forma dell'angolo è un quarto di cerchio. Se uno dei valori è zero, l'angolo è quadrato piuttosto che arrotondato.
Gli esempi seguenti illustrano come utilizzare la proprietà border-bottom-left-radius.
div {
border: 2px solid #f08080;
border-bottom-left-radius: 20px;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| length | L'unità del valore della lunghezza può essere px, pt, cm, em ecc., ma non sono ammessi valori negativi. |
| percentage | La dimensione del raggio, espressa in percentuale. In caso di due valori, il primo valore è calcolato come percentuale rispetto alla larghezza della scatola dell'elemento (cioè, il raggio orizzontale), mentre il secondo valore è calcolato come percentuale rispetto all'altezza della scatola dell'elemento (cioè, il raggio verticale). Non sono ammessi valori negativi. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore calcolato della proprietà border-bottom-left-radius dell'elemento padre. |
Compatibilità dei browser per la proprietà border-bottom-left-radius. I numeri nella tabella rappresentano la versione minima del browser che supporta la proprietà. Tutti i browser mainstream supportano questa proprietà.
|
Attenzione: Internet Explorer 8 e versioni precedenti non supportano la proprietà CSS border-bottom-left-radius. È supportata in IE9 e versioni successive.
Vedi la guida:CSS Border,CSS3 Border.
Proprietà correlate:border-radius,border-bottom-right-radius,border-top-left-radius,border-top-right-radius.