ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで幅は何を意味しますか

CSSで幅は何を意味しますか

青灯夜游
青灯夜游オリジナル
2021-02-23 16:50:277676ブラウズ

CSS では、width は「幅」を意味し、要素の幅を設定するために使用される属性です。基本的な構文形式は「width:length|%;」です。この属性は要素の幅を定義できます。コンテンツ領域。コンテンツ領域の外側にパディング、境界線、マージンを追加できます。

CSSで幅は何を意味しますか

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

CSSで幅は何を意味しますか

#css width 属性

width 属性は要素の幅を設定します。

注: width 属性には、パディング、境界線、マージンは含まれません。

width 属性は、要素のコンテンツ領域の幅を定義します。パッド、境界線、およびマージンをコンテンツ領域の外側に追加できます。インライン非置換要素はこの属性を無視します。

属性値:

  • auto デフォルト値。ブラウザは実際の幅を計算できます。

  • #length px、cm、その他の単位を使用して幅を定義します。

  • % 包含ブロック (親要素) の幅に基づいて、幅をパーセンテージで定義します。

  • #inherit width 属性の値を親要素から継承することを指定します。

【推奨チュートリアル:

CSS ビデオ チュートリアル

例:


<!DOCTYPE html>
<html>

	<head>
		<style type="text/css">
			img {
				width: 300px
			}
		</style>
	</head>

	<body>

		<img  src="img/1.jpg" / alt="CSSで幅は何を意味しますか" >

	</body>

</html>

CSSで幅は何を意味しますか

プログラミング関連の知識について詳しくは、

プログラミング入門をご覧ください。 !

以上がCSSで幅は何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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