Proprietà borderRadius dello stile
- Pagina precedente borderLeftWidth
- Pagina successiva borderRight
- Torna al livello superiore Oggetto Style DOM
Definizione e uso
borderRadius Questa proprietà è un attributo abbreviato utilizzato per impostare o restituire le quattro proprietà borderRadius.
Le quattro proprietà borderRadius sono (in questo ordine):
Suggerimento:Questa proprietà ti permette di aggiungere angoli arrotondati agli elementi!
Vedi anche:
Manuale CSS:Proprietà borderRadius
Esempio
Aggiungi bordi arrotondati al elemento div:
document.getElementById("myDIV").style.borderRadius = "25px";
Sintassi
Restituisce la proprietà borderRadius:
oggetto.style.borderRadius
Imposta la proprietà borderRadius:
oggetto.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
Nota:Le quattro valori di ciascun raggio sono elencati in ordine di sinistro-superiore, superiore-dritto, inferiore-dritto, inferiore-sinistro. Se si omette il sinistro-inferiore, è uguale al superiore-dritto. Se si omette il inferiore-dritto, è uguale al sinistro-superiore. Se si omette il superiore-dritto, è uguale al sinistro-superiore.
Valore dell'attributo
| Valore | Descrizione |
|---|---|
| length | Definisci la forma dell'angolo. Il valore predefinito è 0. |
| % | Definisci la forma dell'angolo con percentuale. |
| initial | Imposta questo attributo al suo valore predefinito. Vedi initial. |
| inherit | Eredità questo attributo dal suo elemento padre. Vedi inherit. |
Dettagli tecnici
| Valore predefinito: | 0 |
|---|---|
| Valore di ritorno: | Stringa che rappresenta l'elemento Proprietà borderRadius. |
| Versione CSS: | CSS3 |
Supporto del browser
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Supporto | 9.0 | Supporto | Supporto | Supporto |
- Pagina precedente borderLeftWidth
- Pagina successiva borderRight
- Torna al livello superiore Oggetto Style DOM
