CSSのresize属性の用途は何ですか-CSSチュートリアル-php.cn

CSSのresize属性の用途は何ですか

青灯夜游

リリース： 2023-01-04 09:38:56

オリジナル

3688 人が閲覧しました

resize 属性の役割: ユーザーが要素のサイズを変更するかどうかを指定します。値が "none" の場合、ユーザーは要素のサイズを調整できません。値が "both" の場合、要素の高さと幅を調整できます。「horizontal」の値は要素の幅を調整し、「vertical」の値は要素の高さを調整します。

CSSのresize属性の用途は何ですか

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、Dell G3 コンピューター。

チュートリアルの推奨事項: css ビデオチュートリアル

css のサイズ変更属性

サイズ変更属性は、ユーザーが要素のサイズを変更するかどうかを指定する CSS3 プロパティ。

注:size 属性は、他の要素のオーバーフロー値が「表示」されるかどうかを計算するのに適しています。

CSSのresize属性の用途は何ですか

構文

resize: none|both|horizontal|vertical;

ログイン後にコピー

属性値:

none: ユーザーは要素のサイズを変更できません。
両方: ユーザーは要素の高さと幅を調整できます。
horizontal: 要素の幅はユーザーが調整できます。
vertical: ユーザーは要素の高さを調整できます。

注: この属性を有効にするには、要素のオーバーフロー属性を設定する必要があります。値は、自動、非表示、またはスクロールです。

例: ユーザーがサイズを変更できるようにする div 要素を指定します。

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

ログイン後にコピー

レンダリング:

CSSのresize属性の用途は何ですか