タグ

ブックマーク / www.webword.jp (1)

  • :before、:after擬似要素 - 擬似クラスと擬似要素 - スタイルシート入門

    :before擬似要素と:after擬似要素は対象となる要素の前または後に指定した内容を追加することができます。使い方は次の通りです。 要素名:before { プロパティ: 値; } 要素名:after { プロパティ: 値; } ※:before擬似要素と:after要素はIE6及びIE7では未サポートです。 どちらの擬似要素も追加される内容はcontentプロパティに設定した値となります。contentプロパティにはテキストの他に画像などのURIを指定することができます。(詳しくはcontentプロパティのページを見てください)。 例えば次のように使用します。 p:before { content: "[開始]"; } p:after { content: url("img/sample.png"); } なおブロックレベルの要素に対して:before擬似要素や:after擬似要素を

  • 1