resize CSS propriété

Définition de la CSS resize.

La propriété CSS resize permet de spécifier si l'élément (X)HTML peut être redimensionné via un élément de contrôle situé dans le coin bas droit de l'élément (à la façon d'un textarea), ainsi que son type de modification de taille qu'il accepte.

resize: none;
resize: horizontal;
resize: vertical;
resize: both;
resize: inline;
resize: block;

La propriété de feuille de style resize CSS peut prendre la valeur de :

• none : l'élément n'a pas d'élément contrôle pour le redimensionner. Valeur par défaut.
• horizontal : l'élément a un élément contrôle pour le redimensionner seulement horizontalement.
• vertical : l'élément a un élément contrôle pour le redimensionner seulement verticalement.
• both : l'élément a un élément contrôle pour le redimensionner horizontalement et horizontalement.
• inline : l'élément a un élément contrôle pour le redimensionner horizontalement et horizontalement dans la direction du bloc (CSS4). Dépend des valeurs des propriétés CSS de writing-mode et direction.
• block : l'élément a un élément contrôle pour le redimensionner horizontalement et horizontalement dans la direction du flux de ligne (CSS4). Dépend des valeurs des propriétés CSS de writing-mode et direction.

Exemple de code resize CSS

Conditions d'application de la CSS resize.

La propriété CSS resize est applicable sur toutes les balises HTML ou XHTML dont la la propriété CSS overflow n'est pas visible. N'est pas applicable sur le type inligne.

Problème d'interprétation de resize en Css.

La propriété de feuille de style resize CSS pose un problème car elle n'est pas reconnue par tous les navigateurs pour les valeurs pour inline et block (04-2020).

Conditions d'animation de resize en CSS3.

La CSS resize est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.