CSS కర్సర్ అట్రిబ్యూట్

定义和用法

cursor 属性规定要显示的光标的类型(形状)。

该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。

另请参阅:

CSS 教程:CSS 定位

HTML DOM 参考手册:cursor 属性

实例

一些不同的光标:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

亲自试一试

CSS 语法

cursor: value;

属性值

描述
url

需使用的自定义光标的 URL。

ప్రతీక్షలు:ఈ జాబితా ముగింపులో సాధారణ కర్సర్ ని నిర్వచించండి, ఎందుకంటే URL ద్వారా నిర్వచించబడని కర్సర్ లభించదు.

default అప్రమేయ కర్సర్ (సాధారణంగా ఒక తుపాకీ ఉంటుంది).
auto అప్రమేయ. బ్రౌజర్ సెట్ చేసిన కర్సర్.
crosshair క్రాస్ హైర్ ఉంటుంది.
pointer లింక్ సూచించే పింజర్ కర్సర్ ఉంటుంది (ఒక చేతి ఉంటుంది).
move ఈ కర్సర్ ఒక వస్తువును కదిలించడానికి సిఫార్సు చేస్తుంది.
e-resize ఈ కర్సర్ నిలువైన పట్టికలో కుడికి కర్సర్ ను జరుపుతుంది.
ne-resize ఈ కర్సర్ నిలువైన పట్టికలో పైకి మరియు కుడికి కర్సర్ ను జరుపుతుంది (ఈశాన్య/ఈశాన్య).
nw-resize ఈ కర్సర్ నిలువైన పట్టికలో పైకి మరియు పశ్చిమకు కర్సర్ ను జరుపుతుంది (ఈశాన్య/పశ్చిమ).
n-resize ఈ కర్సర్ నిలువైన పట్టికలో పైకి కర్సర్ ను జరుపుతుంది.
se-resize ఈ కర్సర్ నిలువైన పట్టికలో క్రిందకు మరియు కుడికి కర్సర్ ను జరుపుతుంది (దక్షిణ/ఈశాన్య).
sw-resize ఈ కర్సర్ నిలువైన పట్టికలో క్రిందకు మరియు పైకి కర్సర్ ను జరుపుతుంది (దక్షిణ/పశ్చిమ).
s-resize ఈ కర్సర్ నిలువైన పట్టికలో క్రిందకు కర్సర్ ను జరుపుతుంది (దక్షిణ).
w-resize ఈ కర్సర్ నిలువైన పట్టికలో పైకి కర్సర్ ను జరుపుతుంది (పశ్చిమ).
text ఈ కర్సర్ పదబంధాన్ని సూచిస్తుంది.
wait ఈ కర్సర్ ప్రోగ్రామ్ కార్యకలాపాలు జరుగుతున్నాయని సూచిస్తుంది (సాధారణంగా ఒక మాల్టీప్లేర్ లేదా గంటలో గంట ఉంటుంది).
help ఈ కర్సర్ లభించే సహాయాన్ని సూచిస్తుంది (సాధారణంగా ఒక ప్రశ్నా లేదా ఒక పంజరం ఉంటుంది).

సాంకేతిక వివరాలు

అప్రమేయ విలువ: auto
పారంపర్యం పరిమితి: yes
వెర్షన్: CSS2
జావాస్క్రిప్ట్ సంకేతాలు: object.style.cursor="crosshair"

TIY ఉదాహరణ

కాలింగ్ కర్సర్
ఈ ఉదాహరణలో కాలింగ్ కర్సర్ ను మార్చడాన్ని చూపిస్తాము.

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ను గుర్తిస్తాయి.

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
5.0 5.5 4.0 5.0 9.6

ప్రతీక్షలు:ఆపరా 9.3 మరియు సఫారీ 3 ఈ అనువర్తనానికి మద్దతు లేదు url విలువ