hover
前のトピック: height 次のトピック: @import |
hover
解説
ユーザーがAエレメントの上にマウスを持ってきたときのスタイルを指定する。
注意事項
hoverとは、ユーザーがAエレメントの上にマウスを持ってきて、クリックしようか考えている状態を意味する。マウスがリンク上を単純に通過しただけではスタイルは変化しない。hover疑似クラスはリンクの他の状態の時のスタイル、すなわちユーザがリンク先のページを読み込もうとしている状態(active)、リンクが表示されている状態(link)、あるいは読み込み済みのリンクの状態(visited)について設定するときに一緒に使用されることが多い。疑似クラスをAエレメント以外に適用しても効果はない。次の例のように疑似クラスを指定する場合はコロン(:)を使用する。
例
次のスタイルシートが適用されるドキュメント内のハイパーリンク上でhover状態になった場合、テキストは赤、大文字、文字間が1cmになる。
<style> a:hover {color:red;text-transform:uppercase;letter-spacing:1cm} </style>適用
関連事項
トップに戻る
© 1997 Microsoft Corporation. All rights reserved. Terms of Use.