CSSプロパティ辞典WebProgrammingPortalウェブプログラミングポータルログインまたはアカウント作成Cautionお使いのブラウザはJavaScriptが実行できない状態になっております。当サイトはWebプログラミングの情報サイトの為、JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。F【CSSセレクタ】E[foo]【CSSセレクタ】E[foo="bar"]【CSSセレクタ】E[foo~="bar"]【CSSセレクタ】E[foo|="bar"]【CSSセレクタ】E[foo^="bar"]【CSSセレクタ】E[foo$="bar"]【CSSセレクタ】E[foo*="bar"]トップページCSSプロパティ辞典widthTechAcademy(テックアカデミー)当サイト著者の桜舞春人もメンター(先生)としてちょろりと参加しているTechAcademyさんです。爆速で技術を習得して結果を出したいと考える方に超絶おすすめです。紹介記事はこちらへどうぞ。運営及び開発費用ご支援のお願い当サイト(wp-p.info)の情報はお役に立ちましたでしょうか。当サイトでは運営及び開発費用ご支援の募集をさせて頂いております。よろしければご支援についてご検討頂けませんでしょうか。※ご決済時はPayPal様の決済画面へ遷移します。width要素の横幅を指定できます。包含ブロックの大きさを自身のパディングとボーダーを含めた状態で引き継ぎます。img要素に指定した場合は画像サイズそのままの大きさで反映するか、もしくはアスペクト比が維持できる横幅を高さに合わせて自動算出します。『width』プロパティの初期値はこの『auto』となります。使用される単位は『px』や『%』です。負の値の指定はできません。『%』で指定した場合の基準となる大きさは包含ブロックの横幅となります。#ff0;">ここはdiv要素です。500px』と指定しています。#ff0;">ここはdiv要素の中のdiv要素です。auto』と指定しています。この要素の横幅は親要素の大きさを引き継ぐため、『500px』となります。要素の横幅を指定できます。置換要素以外のインラインレベル要素に『width』プロパティを指定しても反映されません。置換要素とはimg要素、input要素、object要素、select要素、textarea要素、button要素等以外の『display』プロパティの値が『inline』となっている要素です。#ff0;">ここはspan要素です。500px』と指定していますが非置換要素のインラインレベル要素のため『width』プロパティは反映されません。src="/dics/dictionary-css/img/sample.jpg"></p>値の単位を『%』で指定した場合は包含ブロックの大きさを基準とした相対値となります。その際は自身のボーダーとパディングの値を含まない状態で反映します。#ff0;">ここはdiv要素の中のdiv要素です。100%』と指定しています。この要素の横幅は親要素の大きさを基準とした相対値となるため、『500px』となります。0.7;">ここはdiv要素の中のdiv要素です。50px』と指定しています。この要素の横幅は親要素の大きさを基準とした相対値となりますが、自身のパディングの大きさが加算されるため、『500px』となり親要素を突き破ります。</div></div>インライン要素、及びimg要素以外の『width』プロパティの値を『auto』とした場合は包含ブロックの大きさを引き継ぎます。『100%』と指定した場合とほぼ同じようなレンダリングとなりますが、『auto』と指定した場合は自身のボーダーとパディングを含めた状態で包含ブロックの『100%』の大きさとなります。#ff0;">ここはdiv要素の中のdiv要素です。50px』と指定しています。この要素の横幅は親要素の大きさと同じになります。自身のパディングの大きさは加算されないため、親要素と同じ大きさの『500px』となります。</div></div>img要素の『width』プロパティを『auto』とした場合はその画像の大きさで反映されます。src="/dics/dictionary-css/img/sample.jpg"></p>記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。TechAcademy(テックアカデミー)当サイト著者の桜舞春人もメンター(先生)としてちょろりと参加しているTechAcademyさんです。爆速で技術を習得して結果を出したいと考える方に超絶おすすめです。紹介記事はこちらへどうぞ。トップページへTweetシェアIntroduction当サイトでは有料会員様の募集をしております。現在約431本の記事を公開中です。有料会員になるとこれら全ての記事が読み放題となります。ご購入下されば幸いです。有料会員権はまとめ買いがお得です。