English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo border-top-left-radius CSS imposta l'angolo 'sinistro superiore' del bordo dell'elemento in forma circolare.
La tabella sottostante fornisce una descrizione dell'uso di questa proprietà, la cronologia delle versioni, nonché la sintassi di utilizzo in script JavaScript.
| Valore predefinito: | 0 |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | Nessuno |
| Animabile: | Sì.Rif.: Proprietà animazione. |
| Versione: | Nuova funzionalità CSS3 |
| Sintassi JavaScript: | object object.style.borderTopLeftRadius="8px" |
Attenzione:border-top-left-radius anche se non definito o impostato su none, questa proprietà renderà il background dell'elemento arrotondato.
La sintassi di questa proprietà è la seguente:
border-top-left-radius: [ length | percentage ]1 or 2 values | initial | inherit
Questo segno di abbreviazione può accettare un valore o due valori separati da uno spazio.
Il secondo valore di lunghezza opzionale definisce il raggio verticale dell'angolo in alto a sinistra, quindi la forma dell'angolo è un quarto di ellisse.
Se si omette il secondo valore di lunghezza o se è uguale al secondo valore di lunghezza, la forma dell'angolo è un quarto di cerchio. Se uno dei valori è zero, l'angolo è quadrato, non arrotondato.
Gli esempi seguenti illustrano come utilizzare la proprietà border-top-left-radius.
div {
border: 2px solid #f08080;
border-top-left-radius: 20px;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| length | Valore della lunghezza espresso in px, pt, cm, em, ecc., ma non è permesso l'uso di valori negativi. |
| percentage | La dimensione del raggio, espressa in percentuale. In due valori, il primo valore è calcolato come percentuale rispetto alla larghezza della scatola dell'elemento (cioè il raggio orizzontale), mentre il secondo valore è calcolato come percentuale rispetto all'altezza della scatola dell'elemento (cioè il raggio verticale). Non è permesso l'uso di valori negativi. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà border-top-left-radius dell'elemento padre. |
Compatibilità dei browser per la proprietà border-top-left-radius; i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Vedere la guida:CSS Border,CSS3 Border.
Proprietà correlate:border-radius,border-bottom-left-radius,border-bottom-right-radius,border-top-right-radius.