::before要素の内容の前に指定したコンテンツを挿入する
::before
疑似要素は、指定した要素の前に content
プロパティで指定した値を挿入したり、スタイルを適用したりします。
::beforeのサンプルソース
p.note::before { content: url(image/note-icon.png); margin: 0 2px; }
主要ブラウザの対応
IE11 | ○ |
---|---|
Edge(EdgeHTML) | ○ |
Edge(Chromium) | ○ |
Chrome | ○ |
Firefox | ○ |
Safari | ○ |
iOS Safari | ○ |
Android Chrome | ○ |