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プロパティ辞典contentTechAcademy(テックアカデミー)当サイト著者の桜舞春人もメンター(先生)としてちょろりと参加しているTechAcademyさんです。爆速で技術を習得して結果を出したいと考える方に超絶おすすめです。紹介記事はこちらへどうぞ。運営及び開発費用ご支援のお願い当サイト(wp-p.info)の情報はお役に立ちましたでしょうか。当サイトでは運営及び開発費用ご支援の募集をさせて頂いております。よろしければご支援についてご検討頂けませんでしょうか。※ご決済時はPayPal様の決済画面へ遷移します。content『:before擬似要素』および『:after擬似要素』に対して文字列や画像などの要素を挿入します。この『none』が『:before擬似要素』および『:after擬似要素』の初期値です。この『normal』が『:before擬似要素』および『:after擬似要素』以外の要素の初期値です。『:before擬似要素』および『:after擬似要素』に対して文字列を挿入します。『:before擬似要素』および『:after擬似要素』に対して画像等の外部ファイルを挿入します。none;}</span>』と指定しています。"テキストを挿入";}</span>』と指定しています。url(/dics/dictionary-css/img/sample.jpg);}</span>』と指定しています。『:before擬似要素』および『:after擬似要素』に対して文字列や画像などの要素を挿入します。『content』プロパティを使用して生成された要素は『匿名の置換要素』となります。この『content』プロパティが使用できるのは『:before擬似要素』および『:after擬似要素』のみとなります。『:before擬似要素』および『:after擬似要素』以外の要素の初期値は『none』ではなく『normal』となっていますが、そもそも『content』プロパティが反映されないため特に意識する必要はないでしょう。『:before擬似要素』および『:after擬似要素』を使用して何かしらの要素を生成したい、といった場合にはこの『content』プロパティの指定は必須となります。""』といったような形で『空文字列』を指定するのが一般的です。『content』プロパティが初期値の『none』のままだと領域すら生成されませんのでご注意ください。50px;}<p>以下はdiv要素(黄色い背景の要素)に:after擬似要素を使用して隙間を作ろうとしています。『content』プロパティの指定がないため:after擬似要素が生成されず、隙間が作れていない状態です。yellow;">ここはdiv要素です。50px;}<p>以下はdiv要素(黄色い背景の要素)に:after擬似要素を使用して隙間を作ろうとしています。『content』プロパティの値に空文字列を指定しているため、:after擬似要素が生成されて隙間を作れています。yellow;">ここはdiv要素です。</div>記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。TechAcademy(テックアカデミー)当サイト著者の桜舞春人もメンター(先生)としてちょろりと参加しているTechAcademyさんです。爆速で技術を習得して結果を出したいと考える方に超絶おすすめです。紹介記事はこちらへどうぞ。トップページへTweetシェアIntroduction当サイトでは有料会員様の募集をしております。現在約431本の記事を公開中です。有料会員になるとこれら全ての記事が読み放題となります。ご購入下されば幸いです。有料会員権はまとめ買いがお得です。