active 擬似クラス

要素をマウスでクリックした場合など、要素がアクティブになったときのスタイルを指定します。


ブラウザ

IE3 / IE4 / IE5 / IE5.5 / IE6 / N4 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

▲PageTop

書式

要素[.class名][#id名]:active{ 値; }

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      a#sample1:active {
        text-decoration : overline underline;
        background-color : LightYellow;
        color : Red;
        font-style : italic;
      }
      span#sample2 {
        text-decoration : overline underline;
        background-color : LightYellow;
        color : Red;
        font-style : italic;
      }
    </style>
  </head>
  <body>
    <a id="sample1" href="#.html">activeサンプル</a>
    <span id="sample2">←左のリンクをクリックすると、このような表示になります。</span>
  </body>
</html>

表示結果

activeサンプル ←左のリンクをクリックすると、このような表示になります。

▲PageTop

関連項目

CSS

link / visited / hover

▲PageTop

▲