Style cursor ਵਿਸ਼ੇਸ਼ਤਾ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

cursor ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਦੇਣਾ ਕਿ ਕਿਸਮ ਦਾ ਕੁਨਾਰ ਮਾਉਸ ਸਿੰਕਲ ਲਈ ਦਿਖਾਇਆ ਜਾਵੇ।

ਇਸ ਦੇ ਨਾਲ ਵੀ ਦੇਖੋ:

CSS ਸੰਦਰਭ ਦਸਤਾਵੇਜ਼:cursor ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਕੁਨਾਰ ਬਦਲੋ:

document.getElementById("myP").style.cursor = "pointer";

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਸਾਰੇ ਉਪਲੱਬਧ ਕੁਨਾਰਾਂ ਨੂੰ ਦਿਖਾਓ:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3

ਕੁਨਾਰ ਕਿਸਮ ਵਾਪਸ ਦੇਣਾ:

alert(document.getElementById("myP").style.cursor);

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਸਿਧਾਂਤ

cursor ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਪਸ ਦੇਣਾ:

object.style.cursor

cursor ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:

object.style.cursor = value

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵੇਰਵਾ
alias 光标指示要创建某事物的别名。
all-scroll 光标指示可以向任意方向滚动。
auto 默认。浏览器设置光标。
cell 光标指示可以选择一个单元格（或一组单元格）。
context-menu 光标指示上下文菜单可用。
col-resize 光标指示可以水平调整列大小。
copy 光标指示要复制的内容
crosshair 光标呈现为十字准线。
default default
ਮੂਲ ਕੁਆਰਸਰ। e-resize
ew-resize ਦੋ ਦਿਸ਼ਾ ਵਾਲੇ ਕੁਆਰਸਰ ਦਿਸ਼ਾ ਵਾਲਾ ਕੁਆਰਸਰ ਸੂਚਿਤ ਕਰਦਾ ਹੈ।
help ਕੁਆਰਸਰ ਸੂਚਿਤ ਕਰਦਾ ਹੈ ਕਿ ਮਦਦ ਉਪਲੱਬਧ ਹੈ।
move ਕੁਆਰਸਰ ਸੂਚਿਤ ਕਰਦਾ ਹੈ ਕਿ ਕੁਝ ਨੂੰ ਸ਼ਿਫਟ ਕੀਤਾ ਜਾਵੇਗਾ।
n-resize ਕੁਆਰਸਰ ਬਾਰੇ ਕਿਸ਼ੋਰ ਦੇ ਕਿਨਾਰੇ ਨੂੰ ਉੱਪਰ ਵੱਲ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ (ਉੱਤਰ)।
ne-resize ਕੁਆਰਸਰ ਬਾਰੇ ਕਿਸ਼ੋਰ ਦੇ ਕਿਨਾਰੇ ਨੂੰ ਉੱਪਰ ਅਤੇ ਸੱਜੇ (ਉੱਤਰ/ਪੂਰਬ) ਵੱਲ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ।
nesw-resize ਦੋ ਦਿਸ਼ਾ ਵਾਲੇ ਕੁਆਰਸਰ ਦਿਸ਼ਾ ਵਾਲਾ ਕੁਆਰਸਰ ਸੂਚਿਤ ਕਰਦਾ ਹੈ।
ns-resize ਦੋ ਦਿਸ਼ਾ ਵਾਲੇ ਕੁਆਰਸਰ ਦਿਸ਼ਾ ਵਾਲਾ ਕੁਆਰਸਰ ਸੂਚਿਤ ਕਰਦਾ ਹੈ।
nw-resize ਕੁਆਰਸਰ ਬਾਰੇ ਕਿਸ਼ੋਰ ਦੇ ਕਿਨਾਰੇ ਨੂੰ ਉੱਪਰ ਅਤੇ ਖੱਬੇ (ਉੱਤਰ/ਪੱਛਮ) ਵੱਲ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ।
nwse-resize ਦੋ ਦਿਸ਼ਾ ਵਾਲੇ ਕੁਆਰਸਰ ਦਿਸ਼ਾ ਵਾਲਾ ਕੁਆਰਸਰ ਸੂਚਿਤ ਕਰਦਾ ਹੈ।
no-drop ਕੁਆਰਸਰ ਸੂਚਿਤ ਕਰਦਾ ਹੈ ਕਿ ਖਾਲੀ ਸਥਾਨ ਵਿੱਚ ਖਾਲੀ ਨਹੀਂ ਪਾਇਆ ਜਾਵੇਗਾ।
none ਐਲੀਮੈਂਟ ਲਈ ਕੁਆਰਸਰ ਪ੍ਰਦਰਸ਼ਿਤ ਨਹੀਂ ਕੀਤਾ ਜਾਵੇਗਾ।
not-allowed ਕੁਆਰਸਰ ਸੂਚਿਤ ਕਰਦਾ ਹੈ ਕਿ ਮੰਗਿਆ ਗਿਆ ਕੰਮ ਨਹੀਂ ਚਲਾਇਆ ਜਾਵੇਗਾ।
pointer ਕੁਆਰਸਰ ਇੱਕ ਨਿੰਜਤਾ ਨੂੰ ਸੂਚਿਤ ਕਰਦਾ ਹੈ।
progress ਕੁਆਰਸਰ ਪ੍ਰੋਗਰਾਮ ਬੁਝਮਿਲ ਹੈ (ਚਲ ਰਿਹਾ ਹੈ)।
row-resize ਕੁਆਰਸਰ ਇਸ ਪਲਾਨ ਨੂੰ ਪੱਥਰੀਬੱਧ ਕਰਨ ਦੇ ਸਮਰੱਥ ਹੈ।
s-resize ਕੁਆਰਸਰ ਬਾਰੇ ਕਿਸ਼ੋਰ ਦੇ ਕਿਨਾਰੇ ਨੂੰ ਨੀਚੇ ਵੱਲ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ (ਦੱਖਣ)।
se-resize ਕੁਆਰਸਰ ਬਾਰੇ ਕਿਸ਼ੋਰ ਦੇ ਕਿਨਾਰੇ ਨੂੰ ਨੀਚੇ ਅਤੇ ਸੱਜੇ (ਦੱਖਣ/ਪੂਰਬ) ਵੱਲ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ।
sw-resize ਕੁਆਰਸਰ ਬਾਰੇ ਕਿਸ਼ੋਰ ਦੇ ਕਿਨਾਰੇ ਨੂੰ ਨੀਚੇ ਅਤੇ ਖੱਬੇ (ਦੱਖਣ/ਪੱਛਮ) ਵੱਲ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ।
text ਕੁਆਰਸਰ ਚੋਣਯੋਗ ਟੈਕਸਟ ਨੂੰ ਸੂਚਿਤ ਕਰਦਾ ਹੈ।
URL

ਪਸੰਦੀਦਾ ਕੁਆਰਸਰ ਯੂਆਰਐੱਲ ਦੀ ਕੋਮਾ ਵੱਲੋਂ ਵੰਡੀ ਸੂਚੀ

ਟਿੱਪਣੀ:ਹਰ ਸਮੇਂ ਲਿਸਟ ਦੇ ਅੰਤ ਵਿੱਚ ਆਮ ਕੁਆਰਸਰ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ, ਜਿਸ ਵਿੱਚ ਕੋਈ ਯੂਆਰਐੱਲ ਦਿਸ਼ਾ ਵਾਲਾ ਕੁਆਰਸਰ ਨਾ ਹੋਵੇ।
vertical-text ਕੁਆਰਸਰ ਚੋਣਯੋਗ ਪੱਥਰੀਬੱਧ ਟੈਕਸਟ ਨੂੰ ਸੂਚਿਤ ਕਰਦਾ ਹੈ।
w-resize ਕੁਆਰਸਰ ਬਾਰੇ ਕਿਸ਼ੋਰ ਦੇ ਕਿਨਾਰੇ ਨੂੰ ਖੱਬੇ (ਪੱਛਮ) ਵੱਲ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ।
wait ਕੁਆਰਸਰ ਪ੍ਰੋਗਰਾਮ ਬੁਝਮਿਲ ਹੈ।
zoom-in ਕੁਆਰਸਰ ਕੁਝ ਨੂੰ ਵਧਾਉਣ ਦੇ ਸਮਰੱਥ ਹੈ।
zoom-out ਕੁਆਰਸਰ ਕੁਝ ਨੂੰ ਵਧਾਉਣ ਦੇ ਸਮਰੱਥ ਹੈ।
initial ਇਸ ਗੁਣ ਨੂੰ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial。
inherit ਆਪਣੇ ਮਾਤਾ ਐਲੀਮੈਂਟ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਵਾਲੀਬਰ ਕਰੋ। ਦੇਖੋ: inherit。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: auto
ਵਾਪਸੀ ਮੁੱਲ: ਸਟਰਿੰਗ, ਜੋ ਕਿ ਮਾਉਸ ਕੁਇੰਟਰ ਮੁੱਕਣ ਦੇ ਸਮੇਂ ਐਲੀਮੈਂਟ ਉੱਤੇ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ।
CSS ਸੰਸਕਰਣ: CSS2

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਾਮਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
ਚਰਾਮਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ