:before, :after擬似要素の使い方を基本からマスターするためのチュートリアル | コリス

テクノロジーカテゴリーの変更を依頼記事元:

coliss.com

556 usersがブックマークコメント

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://web.archive.org/web/20240601013420if_/https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fcss-tutorial-pseudo-element-before-after-by-hongkiat.html" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://web.archive.org/web/20240601013420/https://coliss.com/articles/build-websites/operation/css/css-tutorial-pseudo-element-before-after-by-hongkiat.html">:before, :after擬似要素 の使い方を基本からマスターするためのチュートリアル | コリス</a><a href="https://web.archive.org/web/20240601013420/https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/css-tutorial-pseudo-element-before-after-by-hongkiat.html">はてなブックマーク - :before, :after擬似要素 の使い方を基本からマスターするためのチュートリアル | コリス</a></div></iframe>

プレビュー

規約違反を報告

:before, :after擬似要素の使い方を基本からマスターするためのチュートリアル | コリス

擬似要素はCSS1から存在するもので、ここで解説する「:before, :after擬似要素」はCSS2.1でリリースされ... 擬似要素はCSS1から存在するもので、ここで解説する「:before, :after擬似要素」はCSS2.1でリリースされたものです。 CSS1では「:first-letter, :first-line」です。擬似クラス、擬似要素擬似要素の記述は一つのコロンを使用し、「:before, :after」となります。コロンを使用するものは他に、「:hover」などの擬似クラス、CSS3ではコロンを二つにした「::before, ::after」などがあります。サポートブラウザブラウザ「:before, :after擬似要素」をサポートするブラウザは下記の通りです。 IE8+ Firefox3.5+ Chrome Safari4+ Opera6+ IE8+とすべてのモダンブラウザと言ってよいでしょう。非サポートブラウザへの対応 IE7にも「:before, :after擬似要素」を利