書式
セレクタ:after
対象
-
継承
-
初期値
-
バージョン
CSS Level 2
対応ブラウザ
NN6.0以降, Firefox, Opera 6, Safari
解説
要素の後に表示する文字などを指定します。
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
div { position:absolute; left:10px; top:10px;width:300px;height:100px;
border:1px blue solid;
}
a.sbwin:after { font-size:75%; content:" [サブウィンドウで開く]"; }
--></style>
</head>
<body>
<div>
リンク文字の前に■が表示されます。<br>
<a href="http://www.openspc2.org/" class="sbwin">OpenSpace</a><br>
<a href="http://www.google.co.jp/">Google</a><br>
</div>
</body>
</html>