応用編　その７【cursor】

応用編　スタイル宣言　その７　カーソル表示あれこれ【cursor】

ちょっと休憩がてらカーソルの表示を変えるスタイル宣言。
style="cursor:［］の中身"　で指定

［auto］ブラウザが自動的に選択したカーソル	［crosshair］十字カーソル	［default］矢印型など利用環境の標準カーソル	［pointer］リンクカーソル
［move］移動カーソル	［text］テキスト編集カーソル	［wait］待機・処理中カーソル	［help］ヘルプカーソル
［n-resize］北方向のリサイズカーソル	［s-resize］南方向のリサイズカーソル	［w-resize］西方向のリサイズカーソル	［e-resize］東方向のリサイズカーソル
［ne-resize］北東方向のリサイズカーソル	［nw-resize］北西方向のリサイズカーソル	［se-resize］南東方向のリサイズカーソル	［sw-resize］南西方向のリサイズカーソル

実はこのスタイル、<td>タグの中に混ぜちゃってます。<DIV>だと↓みたいな感じ。

<div style="cursor:ne-resize;width:90px;height:100px;background-color:#f8dce0;">90×100のＢＯＸで北東方向のリサイズカーソル表示。</DIV>

90×100のＢＯＸで北東方向のリサイズカーソル表示。

<font>タグだと。

<font style="cursor:ne-resize;color:#000000;">【文字の場所が北東方向のリサイズカーソル表示。】</font>

【文字の場所が北東方向のリサイズカーソル表示。】<DIV>に慣れたら他のタグでも試してみてね。