English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo CSS resize specifica se un elemento può essere ridimensionato dall'utente (se possibile) e in quale direzione.
La tabella sottostante fornisce la descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso in script JavaScript.
| Valore predefinito: | none |
|---|---|
| Applicabile a: | VisibileOverflowaltri elementi |
| Ereditabile: | No |
| Animabile: | No.Vedere: Attributi animazione. |
| Versione: | Nuova funzionalità CSS3 |
| Sintassi JavaScript: | object.style.resize="both" |
La sintassi di questo attributo è la seguente:
resize: none | both | horizontal | vertical | initial | inherit
Gli esempi seguenti illustrano come utilizzare la proprietà resize.
textarea {
resize: none;
}
div {
resize: both;
overflow: auto;
}Prova a vedere‹/›Attenzione: La proprietà resize viene applicata a un elemento, il quale ha un calcolooverflowIl valore è visible. Se overflow in un asse specifico (cioèoverflow-xvs. overflow-yDiverso, questa proprietà si applica a dimensioni visibili senza valore.
La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| none | L'utente non può modificare le dimensioni dell'elemento. Questo è il valore predefinito. |
| both | L'elemento visualizza un meccanismo di adattamento delle dimensioni bidirezionale, per consentire all'utente di modificare l'altezza e la larghezza dell'elemento. |
| horizontal | L'elemento visualizza un meccanismo di adattamento delle dimensioni unidirezionali orizzontali per consentire all'utente di modificare solo la larghezza dell'elemento. |
| vertical | L'elemento visualizza un meccanismo di adattamento delle dimensioni unidirezionali verticali per consentire all'utente di modificare solo l'altezza dell'elemento. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore della proprietà resize dell'elemento padre. |
Compatibilità dei browser per la proprietà resize, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser principali supportano questa proprietà.
|
Rifarti alla seguente guida:CSS Overflow.
Proprietà correlate:overflow,overflow-x,overflow-y