Maison > Article > interface Web > Comment utiliser l'attribut de redimensionnement CSS

Comment utiliser l'attribut de redimensionnement CSS

青灯夜游original: 2019-05-29 15:51:502976parcourir

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 CSS resize ? L'attribut

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

Syntaxe :

resize: none|both|horizontal|vertical;

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>

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!

Déclaration：

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

Article précédent：Comment utiliser l'attribut CSS QuotesArticle suivant：Comment utiliser l'attribut CSS Quotes

Articles Liés

Voir plus