manuel de référence CSS

règle CSS (RULES)

大全 des propriétés CSS

CSS3 Méthode d'utilisation et exemple de l'attribut resize

La propriété resize CSS spécifie si un élément peut être redimensionné par l'utilisateur (si possible) et dans quelle direction il peut être redimensionné.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.

Valeur par défaut :	none
Appliqué à :	VisibleDébordementles éléments
Héritage :	Non
Animable :	Non.Voir également Attributs d'animation。
Version :	CSS3nouvelle fonctionnalité
JavaScript syntaxe :	object.style.resize="both"

Syntaxe d'utilisation de resize

La syntaxe de cette propriété est la suivante :

resize:　none　|　both　|　horizontal　|　vertical　|　initial　|　inherit

Les exemples suivants montrent comment utiliser la propriété resize.

Exemple

　　textarea　{
　　　resize:　none;
　　}
　　div　{
　　　resize:　both;
　　　overflow:　auto;
　　}

Vérifiez et voyez‹/›

Attention : La propriété resize s'applique à un élément dont la calculoverflowLa valeur est visible. Si overflow est spécifié sur un axe spécifique (c'est-à-direoverflow-xvs. overflow-y）différentes, cette propriété s'applique aux tailles visibles sans valeur.

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

Valeur	Description
none	L'utilisateur ne peut pas redimensionner l'élément. C'est la valeur par défaut.
both	L'élément affiche un mécanisme de redimensionnement bidirectionnel pour permettre à l'utilisateur de redimensionner à la fois la hauteur et la largeur de l'élément.
horizontal	L'élément affiche un mécanisme de redimensionnement horizontal unidirectionnel pour permettre à l'utilisateur de ne redimensionner que la largeur de l'élément.
vertical	L'élément affiche un mécanisme de redimensionnement vertical unidirectionnel pour permettre à l'utilisateur de ne redimensionner que la hauteur de l'élément.
initial	Définir cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise la valeur de la propriété resize de son élément parent.

Compatibilité du navigateur

Compatibilité des navigateurs pour la propriété resize, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

	Firefox 4+ Google Chrome3+ Internet Explorer × Apple Safari 3+ Opera 15+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :CSS Overflow。

Propriétés associées :overflow，overflow-x，overflow-y

Attribut right CSS Attribut quotes CSS