Quelle est l'utilisation de l'attribut resize en CSS-tutoriel CSS-php.cn

Quelle est l'utilisation de l'attribut resize en CSS

青灯夜游

Libérer： 2023-01-04 09:38:56

original

3649 Les gens l'ont consulté

Le rôle de l'attribut resize : Précise si un élément est redimensionné par l'utilisateur ; si la valeur est "aucun", l'utilisateur ne peut pas ajuster la taille de l'élément, et si la valeur est "les deux", la hauteur et la largeur de l'élément peuvent être ajustées. Une valeur « horizontal » ajuste la largeur de l'élément, et une valeur « vertical » ajuste la hauteur de l'élément.

Quelle est l'utilisation de l'attribut resize en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version css3, ordinateur Dell G3.

Recommandation du didacticiel : Tutoriel vidéo CSS

Attribut de redimensionnement CSS

L'attribut resize est un nouvel ajout à CSS3 Propriété qui spécifie si un élément est redimensionné par l'utilisateur.

Remarque : L'attribut resize convient pour calculer si la valeur de débordement des autres éléments est "visible".

Quelle est lutilisation de lattribut resize en CSS

Syntaxe

resize: none|both|horizontal|vertical;

Copier après la connexion

Valeur de l'attribut :

aucun : L'utilisateur ne peut pas redimensionner l'élément.
les deux : L'utilisateur peut ajuster la hauteur et la largeur de l'élément.
horizontal : L'utilisateur peut ajuster la largeur de l'élément.
vertical : L'utilisateur peut ajuster la hauteur de l'élément.

Remarque : Si vous souhaitez que cet attribut prenne effet, vous devez définir l'attribut de débordement de l'élément. La valeur peut être automatique, masquée ou défilante.

Exemple : Spécifiez un élément div qui permet à l'utilisateur de redimensionner

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style> 
div
{
border:2px solid;
padding:10px 40px; 
width:300px;
resize:both;
overflow:auto;
}
</style>
</head>
<body>
<div>resize 属性规定是否可由用户调整元素尺寸。</div>
<p><b>注释：</b> Firefox 4+、Safari 以及 Chrome 支持 resize 属性。</p>
</body>
</html>

Copier après la connexion

Rendu :

Quelle est lutilisation de lattribut resize en CSS