書式
cursor:形状
対象
全ての要素
継承
する
初期値
auto
バージョン
CSS Level 2
対応ブラウザ
Win IE4.0以降, Mac IE5.0, NN6.0以降, Firefox, Opera 6, Safari
解説
カーソルの形状を指定します。以下の形状が指定できます。
| 設定値 | 形状 |
|---|
| auto | 自動 |
| default | 矢印 |
| crosshair | 十字 |
| pointer | ポインタ |
| move | 移動 |
| text | テキスト／iビームカーソル |
| wait | 腕時計 |
| help | ヘルプ |
| n-resize | 上方向にリサイズ可能 |
| s-resize | 下方向にリサイズ可能 |
| w-resize | 左方向にリサイズ可能 |
| e-resize | 右方向にリサイズ可能 |
| nw-resize | 左上方向にリサイズ可能 |
| ne-resize | 右上方向にリサイズ可能 |
| sw-resize | 左下方向にリサイズ可能 |
| se-resize | 右下方向にリサイズ可能 |
サンプルコード
<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;
cursor:wait;
}
--></style>
</head>
<body>
<div>CSS<br>Sample Text</div>
</body>
</html>