Proprietà border-bottom-left-radius CSS

Definizione e uso

L'attributo border-bottom-left-radius definisce la forma del bordo dell'angolo in basso a sinistra.

Suggerimento:Questa proprietà ti permette di aggiungere bordi arrotondati agli elementi.

Vedi anche:

Corso CSS3:Bordi CSS3

Esempio

Aggiungere un bordo arrotondato all'angolo in basso a sinistra dell'elemento div:

div
{
border:2px solid;
border-bottom-left-radius:2em;
}

Prova da solo

Sintassi CSS

border-bottom-left-radius: length|% [length|%];

Nota:Il valore della lunghezza e il valore percentuale dell'attributo border-bottom-left-radius definiscono il raggio (radii) di un quarto di ellisse (definisce la forma degli angoli esterni del bordo). Il primo valore è il raggio orizzontale, il secondo valore è il raggio verticale. Se il secondo valore viene omesso, il secondo valore è copiato dal primo valore. Se la lunghezza è zero, l'angolo è quadrato, non circolare. Il valore percentuale del raggio orizzontale si riferisce alla larghezza della scatola di bordo, mentre il valore percentuale del raggio verticale si riferisce all'altezza della scatola di bordo.

Valore dell'attributo

Valore Descrizione Test
length Definire la forma dell'angolo in basso a sinistra. Test
% Definire la forma dell'angolo in basso a sinistra in percentuale. Test

Dettagli tecnici

Valore predefinito: 0
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: oggetto.style.borderBottomLeftRadius="5px"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

I numeri con -webkit- o -moz- come prefisso rappresentano la versione iniziale utilizzata.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5