Propriété resize de CSS

Définition et utilisation

L'attribut resize détermine si l'élément peut être ajusté en taille par l'utilisateur.

Remarque :Pour que cette propriété fonctionne, il est nécessaire de définir la propriété overflow de l'élément, les valeurs peuvent être auto, hidden ou scroll.

Voir également :

Tutoriel CSS3 :interface utilisateur CSS3

Manuel HTML DOM :Attribut resize

Exemple

Définir la taille de l'élément div qui peut être ajustée par l'utilisateur :

div
{
resize:both;
overflow:auto;
}

Essayez-le vous-même

Syntaxe CSS

resize: none|both|horizontal|vertical;

Valeur de l'attribut

Valeur Description
aucune L'élément utilisateur ne peut pas ajuster la taille de l'élément.
both L'élément utilisateur peut ajuster la hauteur et la largeur de l'élément.
horizontal L'élément utilisateur peut ajuster la largeur de l'élément.
vertical L'élément utilisateur peut ajuster la hauteur de l'élément.

Détails techniques

Valeur par défaut : aucune
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.resize="both"

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété en totalité.

Les nombres avec -moz- indiquent la première version utilisant le préfixe.

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