Stile borderRadius Proprietà
Esempio
Aggiungi bordi arrotondati a un elemento div:
document.getElementById("myDIV").style.borderRadius = "25px";
Definizione e utilizzo
La proprietà borderRadius è una proprietà abbreviata per impostare o restituire le quattro proprietà borderRadius.
Le quattro proprietà del raggio di confine sono (in questo ordine):
bordoIn
altoSinistra Bordo del raggioIn altoDestraConfine del raggioIn bassoDestraConfine del
raggioIn
bassoSinistraRaggio
Suggerimento: questa proprietà ti consente di aggiungere angoli arrotondati agli elementi!
Supporto browser
Property | |||||
---|---|---|---|---|---|
borderRadius | Yes | 9.0 | Yes | Yes | Yes |
Sintassi
Restituisci la proprietà borderRadius:
object.style.borderRadius
Imposta la proprietà borderRadius:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
Nota: i quattro valori per ciascun raggio sono indicati nell'ordine in alto a sinistra, in alto a destra, in basso a destra, in basso a sinistra. Se in basso a sinistra viene omesso, è uguale a in alto a destra. Se in basso a destra viene omesso, è uguale a in alto a sinistra. Se in alto a destra viene omesso, è uguale a in alto a sinistra.
Valori di proprietà
Value | Description |
---|---|
length | Defines the shape of the corners. Default value is 0 |
% | Defines the shape of the corners in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | 0 |
---|---|
Valore di ritorno: | Una stringa, che rappresenta la proprietà border-radius di un elemento |
Versione CSS | CSS3 |
Pagine correlate
Riferimento CSS: proprietà border-radius