2007/4/18 水曜日

マウスカーソルを変える(CSS)

カテゴリー: css — mori @ 19:43:39

マウスカーソルをいろいろな形に変えるには、CSSの【cursor】を使う。  

{cursor : ×××; }

値には
auto—–ブラウザが自動的に選択したカーソル
default—–矢印型など利用環境の標準カーソル
pointer—–リンクカーソル
help—–ヘルプカーソル
wait—–待機・処理中カーソル
crosshair—–十字カーソル
move—–移動カーソル
n-resize—–北方向のリサイズカーソル
s-resize—–南方向のリサイズカーソル
e-resize—–東方向のリサイズカーソル
w-resize—–西方向のリサイズカーソル
ne-resize—–北東方向のリサイズカーソル
nw-resize—–北西方向のリサイズカーソル
se-resize—–南東方向のリサイズカーソル
sw-resize—–南西方向のリサイズカーソル
hand—–指型カーソル
no-drop—–ドロップ禁止カーソル
all-scroll—–全スクロールカーソル
col-resize—–横方向のリサイズカーソル
row-resize—–縦方向のリサイズカーソル
progress—–進行中カーソル
not-allowed—–禁止カーソル
vertical-text—–縦書きカーソル
などを指定できる。イラストとか作成して使えたりもできる。

一般的にはここをクリックできるよって意味で変えるのが普通か。CSSはまだまだ謎が多い・・・

コメントはまだありません

コメントはまだありません。

このコメント欄の RSS フィード

コメントフォームは現在閉鎖中です。

HTML convert time: 0.084 sec. Powered by WordPress ME