CSS ::after 疑似要素 | CSS プロパティ値| 意味使い方実例

CSS ::after 疑似要素| CSS:スタイルシート関数要素使い方・書き方例 CSS サンプル

2018-06-05 css-reference

ページコンテンツ

`::after` 疑似要素 CSS プロパティとは

トピック：選択された各要素の内容の後に何かを子要素として挿入する事ができる contentプロパティを使用して、要素に装飾的な内容を追加挿入するコンテンツを指定

p::after { 
     content: "→";
} 
/* <p>要素の後に矢印を追加 */

::before 及び ::after によって作成される疑似要素は要素の整形ボックスに含まれるため、 <img> 要素や <br> 要素のような置換要素には適用されない

::after { css : properties ; }
 疑似要素名 {スタイル要素のプロパティ : プロパティ値; }

CSS バージョン	CSS 3　::after

CSS バージョン	CSS 2　:after

メモ: CSS3 では疑似クラスと疑似要素を見分けやすくするために、 ::after の表記法（ダブルコロン）が導入されたブラウザーでは CSS2 で導入された :after も使用できます。

：::after 疑似要素 関連記事