L'attribut resize est une propriété de l'interface utilisateur CSS3 qui permet à l'utilisateur de redimensionner un élément. L'attribut resize est une propriété de l'interface utilisateur CSS3 qui permet à l'utilisateur de redimensionner un élément.
redimensionner: aucun | les deux | horizontal | vertical ;
La syntaxe est expliquée comme suit :
● aucun : les utilisateurs ne peuvent pas ajuster la taille de l'élément ;
●les deux : les utilisateurs peuvent ajuster la hauteur et la largeur des éléments ;
●horizontal : L'utilisateur peut ajuster la largeur de l'élément ;
●vertical : L'utilisateur peut ajuster la hauteur de l'élément.
Vous devez également faire attention aux points suivants lorsque vous utilisez l'attribut resize :
●La définition de l'attribut resize seul n'est pas valide. L'attribut resize doit être utilisé conjointement avec l'attribut overflow pour être efficace, et la valeur de l'attribut overflow doit être définie sur auto, masqué ou scroll ;
●Tous les éléments ne peuvent pas être définis avec l'attribut resize. Par exemple, les attributs img et table ne peuvent pas utiliser l'attribut resize.
(redimensionner) ajuster la taille de l'élément
1. Redimensionner : aucun Redimensionner : aucun
Exemple:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:none;}</style></head><body><h1>TheresizeProperty</h1 ><div><p>redimensionner : aucun</p></div></body></html>
Résultats en cours d'exécution :
2.Redimensionner : les deux
Exemple:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:both;overflow:auto;}</style></head><body><h1> TheresizeProperty</h1><div><p>redimensionner : les deux</p></div></body></html>
Résultats en cours d'exécution :
3.Redimensionner : redimensionnement horizontal : horizontal
Exemple:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:horizontal;overflow:auto;}</style></head><body><h1> TheresizeProperty</h1><div><p>resize:horizontal</p></div></body></html>
Résultats en cours d'exécution :
4.Redimensionner : redimensionner verticalement : vertical
Exemple:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:vertical;overflow:auto;}</style></head><body><h1> TheresizeProperty</h1><div><p>resize:vertical</p></div></body></html>
Résultats en cours d'exécution :