Gli ultimi tutorial di sviluppo web
 

Style borderRadius Property

<Stile di oggetto

Esempio

Aggiungere bordi arrotondati ad un elemento div:

document.getElementById("myDIV").style.borderRadius = "25px";
Prova tu stesso "

Definizione e l'utilizzo

La proprietà borderRadius è una proprietà scorciatoia per settare, o di ritorno, i quattro di confine * Proprietà Radius.

Tip: Questa proprietà consente di aggiungere gli angoli arrotondati per gli elementi!


Supporto browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La proprietà borderRadius è supportata in IE9 +, Firefox, Chrome, Safari e Opera.


Sintassi

Restituire la proprietà borderRadius:

object .style.borderRadius

Impostare la proprietà borderRadius:

object .style.borderRadius=" Note: I quattro valori per ogni radio sono indicati nell'ordine alto a sinistra, in alto a destra, in basso a destra, in basso a sinistra. Se inferiore sinistro viene omesso è lo stesso come in alto a destra. Se inferiore destro viene omesso è lo stesso come in alto a sinistra. Se superiore destro viene omesso è lo stesso come in alto a sinistra.

I valori delle proprietà

Valore Descrizione
length Definisce la forma degli angoli. Il valore di default è 0
% Definisce la forma degli angoli in%
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: 0
Valore di ritorno: Una stringa, che rappresenta la proprietà border-radius di un elemento
CSS Version CSS3

Pagine correlate

Di riferimento CSS: border-radius property


<Stile di oggetto