応用編 その７【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>に慣れたら他のタグでも試してみてね。
ジャンル別一覧
人気のクチコミテーマ
-
-
- 心の病
- 深淵なる聖堂 (Remastered)
- (2025-10-18 14:20:02)
-
-
-
- 健康管理・増進、病気予防、抗加齢（…
- 目指せ絶対的健康体 AIに訊いてみた…
- (2025-11-27 01:49:07)
-
-
-
- スポーツジムに通っている人
- プロテイン専門店。
- (2025-11-25 13:54:31)
-
© Rakuten Group, Inc.
