CSSで高さと幅を設定する方法-CSSチュートリアル-php.cn

CSS で高さと幅を設定する方法: 1. width 属性と height 属性を使用して要素の幅と高さを設定します; 2. max-width 属性と max-height 属性を使用して最大幅を設定します要素の幅と高さ; 3. min を使用する -width 属性と min-height 属性は、要素の最小幅と高さを設定します。

CSSで高さと幅を設定する方法

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

方法 1: width 属性と height 属性を使用する

width 属性と height 属性は、要素の幅と高さを設定できます。要素のコンテンツ領域。パディング、境界線、またはマージンが含まれます。

属性値:

値	説明
auto	デフォルト値。ブラウザは実際の幅または高さを計算できます。
length	px、cm などの単位を使用して幅または高さを定義します。
%	それを含むブロックレベルのオブジェクト (親要素) の幅または高さのパーセンテージに基づきます。

方法 2: max-width 属性と max-height 属性を使用する

max-width 属性と max-height 属性を使用して、要素の最大幅と高さ。パディング、境界線、またはマージンは含まれません。

属性値:

## ＃デフォルト。この定義では、要素の最大幅または高さに制限はありません。要素の幅または高さの最大値を定義します。最大幅または最大高さを、それを含むブロックレベルのオブジェクトのパーセンテージに基づいて定義します。 #例:

値	説明
なし
length
%

这一段的最大宽度设置为100 px，最大高度设置为100 px。

ログイン後にコピー

CSSで高さと幅を設定する方法

方法 3: min-width プロパティと min-height プロパティを使用する

min-width プロパティと min-height プロパティは、パディング、境界線、またはマージンを除く要素の最小幅と高さを設定します。

属性値:

値 length % 例:

説明
要素の最小幅または最小高さを定義します。デフォルト値は 0 です。
最小幅または最小高さを、それを含むブロックレベルのオブジェクトのパーセンテージに基づいて定義します。