セレクタ:hover

書式

セレクタ:hover { ... }

対象

-

継承

-

初期値

-

バージョン

CSS Level 2

対応ブラウザ

Win IE4.0以降, Mac IE5.0, NN6.0以降, Firefox, Opera 6, Safari

解説

要素にマウスが重なった場合のスタイルを指定します。Internet Explorerではaタグのみ有効です。
サンプルコード
<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 { color:blue; }
a:hover { color:red; }
--></style>
</head>
<body>
<div>
<a href="http://www.openspc2.org/">OpenSpace</a><br>
<a href="http://www.google.co.jp/">Google</a><br>
<a href="#">dummy</a><br>
</div>
</body>
</html>
実際のサンプルを実行する