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プロパティ辞典padding-leftTechAcademy(テックアカデミー)当サイト著者の桜舞春人もメンター(先生)としてちょろりと参加しているTechAcademyさんです。爆速で技術を習得して結果を出したいと考える方に超絶おすすめです。紹介記事はこちらへどうぞ。運営及び開発費用ご支援のお願い当サイト(wp-p.info)の情報はお役に立ちましたでしょうか。当サイトでは運営及び開発費用ご支援の募集をさせて頂いております。よろしければご支援についてご検討頂けませんでしょうか。※ご決済時はPayPal様の決済画面へ遷移します。padding-left左方向のパディング(内側の余白)を指定できます。使用される単位は『px』や『%』です。負の値の指定はできません。『%』で指定した場合の基準となる大きさは包含ブロックの横幅となります。#ff0;">ここはdiv要素の中のdiv要素です。50px』と指定しています。左方向のパディング(内側の余白)を指定できます。パディングとはボーダー(境界線)の内側の余白となります。以下のボックスモデルの図を参照してください。数値を『%』で指定した場合はその要素の『包含ブロックの幅』を基準とした相対値となります。上下方向のパディングも、高さではなく『包含ブロックの幅』が基準とされますのでご注意ください。#ff0;">ここはdiv要素の中のdiv要素です。10%』と指定しています。左方向のパディングは『50px』となります。</div></div>『padding-left』プロパティで指定したパディングは、『box-sizing』プロパティが『border-box』となっている場合を除き、自身の要素の大きさに加算されて反映されます。#ff0;">ここはdiv要素です。300px』と指定しています。パディングの大きさが自身の要素の大きさに加算されるため、この要素の大きさは横幅『320px』、高さ『300px』となります。</div>『margin』プロパティと違い、『display』プロパティが『inline』となっているインラインレベル要素でも上下左右のパディングを指定することができ、その場合は行ボックスの上下左右にパディングが生成されます。10px;">ここはspan要素です。10px』と指定しています。</span></p>※『padding』プロパティはこちらでも詳しく解説を行っています。記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。TechAcademy(テックアカデミー)当サイト著者の桜舞春人もメンター(先生)としてちょろりと参加しているTechAcademyさんです。爆速で技術を習得して結果を出したいと考える方に超絶おすすめです。紹介記事はこちらへどうぞ。トップページへTweetシェアIntroduction当サイトでは有料会員様の募集をしております。現在約431本の記事を公開中です。有料会員になるとこれら全ての記事が読み放題となります。ご購入下されば幸いです。有料会員権はまとめ買いがお得です。