Maison > interface Web > Questions et réponses frontales > Comment utiliser l'attribut de redimensionnement CSS

Comment utiliser l'attribut de redimensionnement CSS

青灯夜游
Libérer: 2019-05-29 15:51:50
original
3040 Les gens l'ont consulté

L'attribut css resize est utilisé pour spécifier si un élément est redimensionné par l'utilisateur. 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.

Comment utiliser l'attribut de redimensionnement CSS

Comment utiliser l'attribut CSS resize ? L'attribut

resize précise si l'élément peut être redimensionné par l'utilisateur.

Syntaxe :

resize: none|both|horizontal|vertical;
Copier après la connexion

Valeur de l'attribut :

● none : L'utilisateur ne peut pas redimensionner l'élément. 

● les deux : les utilisateurs peuvent 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 d'attribut de redimensionnement CSS

<!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 :

Comment utiliser lattribut de redimensionnement CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal