自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。擬似要素にコンテンツを挿入しよう!についての解説になります!こんな方に読んでほしいCSSを学び始めた方へcontentの使い方について学びたい方へ:beforeや:afterについても学習しよう擬似要素である:before、:afterに対してcontentを指定しています。:beforeを指定すると要素の直前にコンテンツが挿入されます。:afterを指定すると要素の直後にコンテンツが挿入されます。open-quote、close-quoteについてまとめcontentについてcontentプロパティとは、「:before」と「:after」擬似要素にコンテンツを挿入します。書き方は以下のようになります。テキストを入力し、文字色や背景色などCSSでの装飾を可能になります。url("")の指定が可能になります。counter(カウンター名)についてcounter(カウンター名)とは、カウンター名を指定することで、連番を挿入します。counter-incrementと同時に指定します。counter-incrementプロパティとは、カウンター名を入力をすることにより、連番の指定が可能になります。指定した要素が続く度に数字が1つずつ増えていきます。li「順序のあるリスト」での使用が一番適してるかとおもわれます。attr(属性名)についてattr(属性名)とは、要素の属性名を指定することで、指定されている属性の値が挿入します。属性名とは、href属性やtitle属性になります。open-quote、close-quoteについてopen-quoteとは、quoteプロパティで指定した開始記号が挿入します。close-quoteとは、quoteプロパティで指定した終了記号が挿入します。quoteプロパティとは、contentプロパティで挿入する記号を指定する際に使用します。挿入する記号は(ダブルクオーテーション)または、(シングルクオーテーション)で囲み指定します。半角スペースで区切り、開始記号と終了記号をそれぞれ指定します。デザインをする際には配色は欠かせない要素の1つになってきますよね。<p><q>ホームページ制作、名刺制作、ロゴ制作</q>など、デザインをする際には配色は欠かせない要素の1つになってきますよね。bold;}まとめ今回はこれで以上です。POINTcontentとは、擬似要素である:before、:afterに対して指定します。ダブルクオーテーションやシングルクオーテーションは忘れずに指定しましょう。自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。趣味:サッカー観戦、ゲーム、映画、漫画基本インドアです!笑つくる、しあわせをテーマとして主にWEBに関する様々な情報を発信しています。自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。