| 自動 |
auto |
|
この文字の上でカーソルの形状が変わります！ |
|
<p style="cursor:auto">この文字の上でカーソルの形状が変わります！</p> |
|
 |
default |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:default">この文字の上でカーソルの形状が変わります！</p> |
|
 |
pointer |
|
この文字の上でカーソルの形状が変わります！ |
|
記述例 |
|
<p style="cursor:pointer">この文字の上でカーソルの形状が変わります！</p> |
|
 |
crosshair |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:crosshair">この文字の上でカーソルの形状が変わります！</p> |
|
 |
move |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:move">この文字の上でカーソルの形状が変わります！</p> |
|
|
|
wait |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:wait">この文字の上でカーソルの形状が変わります！</p> |
|
 |
text |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:text">この文字の上でカーソルの形状が変わります！</p> |
|
 |
help |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:help">この文字の上でカーソルの形状が変わります！</p> |
|
 |
n-resize |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:n-resize">この文字の上でカーソルの形状が変わります！</p> |
|
|
s-resize |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:s-resize">この文字の上でカーソルの形状が変わります！</p> |
|
 |
w-resize |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:w-resize">この文字の上でカーソルの形状が変わります！</p> |
|
|
e-resize |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:e-resize">この文字の上でカーソルの形状が変わります！</p> |
|
 |
nw-resize |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:nw-resize">この文字の上でカーソルの形状が変わります！</p> |
|
 |
ne-resize |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:ne-resize">この文字の上でカーソルの形状が変わります！</p> |
|
|
sw-resize |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:sw-resize">この文字の上でカーソルの形状が変わります！</p> |
|
|
se-resize |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:se-resize">この文字の上でカーソルの形状が変わります！</p> |
|
 |
オリジナル
url( ) |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:url(heart.cur), text;">この文字の上でカーソルの形状が変わります！</p> |
|
 |
col-resize |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:col-resize">この文字の上でカーソルの形状が変わります！</p>
|
|
 |
row-resize |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:row-resize">この文字の上でカーソルの形状が変わります！</p>
|
|
 |
all-scroll |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:all-scroll">この文字の上でカーソルの形状が変わります！</p>
|
|
 |
not-allowed |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:not-allowed">この文字の上でカーソルの形状が変わります！</p> |
|
 |
no-drop |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:no-drop">この文字の上でカーソルの形状が変わります！</p> |
|
 |
vertical-text |
|
この文字の上でカーソルの形状が変わります！
|
|
記述例 |
|
<p style="cursor:vertical-text">この文字の上でカーソルの形状が変わります！</p> |
|
HOME
