HTMLのサイズを設定する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-04-14 18:30:3113483ブラウズ

HTML では、height 属性と width 属性を使用してサイズを設定できます。要素に「高さ: 長さの値」スタイルと「幅: 長さの値」スタイルを設定するだけで済みます。長さの値は、px、cm など、またはそれを含むブロックレベルのオブジェクトの高さのパーセンテージに基づく「%」にすることができます。

HTMLのサイズを設定する方法

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

CSSではHTML要素のサイズをピクセル単位で設定できることが多く、実際の開発現場ではこの方法がよく使われます。たとえば、ピクセルを使用して画像の幅と高さを設定します。

HTMLのサイズを設定する方法

HTMLのサイズを設定する方法

CSS では、要素のサイズをパーセンテージで設定することもできます。この方法は、要素を表示するときによく使用されます。ウィンドウに比例して使用されます。たとえば、パーセンテージを使用して画像の幅と高さを設定します。

HTMLのサイズを設定する方法

HTMLのサイズを設定する方法

CSS では、センチメートルを使用して要素のサイズを設定することもできます。この方法では、多くの場合、次のサイズが必要になります。要素が実際のサイズと異なるため、印刷サイズを一定にする場合に使用します。たとえば、センチメートルを使用して画像の幅と高さを設定します。

HTMLのサイズを設定する方法

HTMLのサイズを設定する方法

CSS では、要素のサイズを定義する単位として rem を使用することもできます。この単位は一般的に使用されます。モバイル Web ページを作成するときに使用します。表示ウィンドウのサイズが変化すると、本機で設定される要素も変化します。たとえば、画像の幅と高さを設定するには rem を使用します。

HTMLのサイズを設定する方法

HTMLのサイズを設定する方法

CSS は、HTML 要素の最大幅を設定します。 max-width で要素の最大幅を設定します。ウィンドウが要素を表示するのに十分な大きさである場合、ウィンドウは最大幅によって制限されます。高さが設定されていない場合、その高さが適応高さになります。

CSS は HTML 要素の最大高さを設定します。 max-height で要素の最大高さを設定します。表示ウィンドウが十分に高い場合、要素の高さはこの高さによって制限されます。幅が設定されていない場合、幅は適応されます。

CSS は HTML 要素のサイズを設定しますが、行の高さ (line-height) を設定する方法もあります。これは一般的にテキスト コンテンツの行の高さの設定です。

推奨学習: html ビデオ チュートリアル

以上がHTMLのサイズを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。