Proprietà CSS resize

Definizione e uso

L'attributo resize determina se l'elemento può essere regolato nelle dimensioni dall'utente.

Nota:Per far funzionare questa proprietà, è necessario impostare l'attributo overflow dell'elemento, che può essere auto, hidden o scroll.

Vedi anche:

Corso CSS3:Interfaccia utente CSS3

Manuale HTML DOM:Attributo resize

Esempio

Definire la dimensione dell'elemento div che può essere regolata dall'utente:

div
{
resize:both;
overflow:auto;
}

Prova tu stesso

Sintassi CSS

resize: none|both|horizontal|vertical;

Valore dell'attributo

Valore Descrizione
nessuna L'elemento utente non può regolare la dimensione dell'elemento.
entrambi L'elemento utente può regolare l'altezza e la larghezza dell'elemento.
orizzontale L'elemento utente può regolare la larghezza dell'elemento.
verticale L'elemento utente può regolare l'altezza dell'elemento.

Dettagli tecnici

Valore predefinito: nessuna
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: object.style.resize="both"

Supporto del browser

I numeri nella tabella indicano la versione iniziale del browser che supporta completamente l'attributo.

I numeri con -moz- indicano la versione iniziale che utilizza il prefisso.

Chrome IE / Edge Firefox Safari Opera
4.0 79.0 5.0
4.0 -moz-
4.0 15.0