カーソルの形を設定

カーソルの形を設定

cursorプロパティはカーソルの形を設定するプロパティです
キーワードで指定していきます
autoブラウザが自動選択
default通常のポインタここでお試し
helpはてなマークがついたポインタここでお試し
progressデータ処理中を示すポインタここでお試し
waitデータ処理中待機を示すポインタここでお試し
cellセルを選択を示すポインタここでお試し
context-menuコンテキストメニューのアイコンが付いたポインタここでお試し
pointerリンクを示す指差しマークポインタここでお試し
crosshair十字のポインタここでお試し
textテキストを選択を示すポインタここでお試し
virtical-text縦書きテキストを選択を示すポインタここでお試し
aliasショートカットやエイリアスを作成可を示すポインタここでお試し
copyコピー可を示すポインタここでお試し
move移動可を示すポインタここでお試し
all-scrollスクロール可を示すポインタここでお試し
no-dropドラッグやドロップ禁止を示すポインタここでお試し
not-allowed処理できないことを示すポインタここでお試し
e-resize右方向にサイズ変更可を示すポインタここでお試し
n-resize上方向にサイズ変更可を示すポインタここでお試し
ne-resize右上方向にサイズ変更可を示すポインタここでお試し
s-resize下方向にサイズ変更可を示すポインタここでお試し
se-resize右下方向にサイズ変更可を示すポインタここでお試し
nw-resize左上方向にサイズ変更可を示すポインタここでお試し
w-resize左方向にサイズ変更可を示すポインタここでお試し
sw-resize左下方向にサイズ変更可を示すポインタここでお試し
ew-resize左右方向にサイズ変更可を示すポインタここでお試し
ns-resize上下方向にサイズ変更可を示すポインタここでお試し
nesw-resize右上左下方向にサイズ変更可を示すポインタここでお試し
nwse-resize左上右下方向にサイズ変更可を示すポインタここでお試し
row-resize行の高さがサイズ変更可を示すポインタここでお試し
col-resize列の幅がサイズ変更可を示すポインタここでお試し
zoom-in拡大可を示すポインタここでお試し
zoom-out縮小可を示すポインタここでお試し
grabドラッグできることを示すポインタここでお試し
grabbingドラッグしているを示すポインタここでお試し
noneポインタを表示しないここでお試し
また、規定のものではなく、オリジナルの画像を割り当てることもできます
{cursor : url(「画像のurl」)「位置」;}
「位置」は任意の数値で指定。単位は不要
数値一つで縦横 空白文字で区切って二つなら横・縦の順で指定
/*↓p要素のカーソルを指定*/
p {cursor: 「カーソルの種類」; }

                

目的別

外部スタイルシートを読み込む
スタイルシートを埋め込む
classを設定する
classやidにスタイルシートを適応させる
ユーザー環境によってスタイルを変更する
訪問済みリンク・未訪問リンクにスタイルを適用
マウスオーバーやアクティブ化した要素にスタイル適用
指定した要素n番目の要素にスタイルを適用
指定した要素のn番目の子要素にスタイルを適用
フォントを設定する
フォントサイズを設定する
フォントの太さを指定する
フォントスタイルを指定する
行の高さを指定する
文字の色を指定する
文章の揃え位置を指定する
文字に線を引く
文字に引かれた線の色を指定
文字に引かれた線のスタイルを指定
文字に引かれた線の太さを指定
文字に傍点をつけ形を指定する
文字の傍点の色を指定
文字に影を作る
表のキャプションの位置を指定
背景に色を付ける
背景に画像を設定する
背景画像の繰り返し方を指定
背景画像の水平垂直位置を指定
背景画像の表示サイズを指定
ページスクロール時の背景画像の表示方法を指定
背景画像の表示されるエリアを指定
背景画像の表示される基準位置を指定
枠線太さを指定する
枠線のスタイルを指定
枠線の色を指定
枠線の角丸を指定
枠線に画像を指定
ボックスの幅と高さを指定
ボックスのマージンを指定
ボックスのパディングを指定
ボックスの配置方法・配置位置を指定
ボックスの重なり順を指定
ボックスの回り込みを指定
ボックスの回り込みを解除
サイズが指定されているボックスに収まらないコンテンツの表示方法を指定
画像や動画の要素をボックスに合わせる方法を指定
ボックスの可視・不可視を指定
ボックスの影を設定
リストマーカーの種類を指定
リストマーカーの位置を指定
カーソルの形を設定
プロパティを段階的に変化させる
画像や文字を加工する