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
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