CSS user-select ਪ੍ਰਾਪਰਟੀ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

user-select ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਇਲੀਮੈਂਟ ਦੇ ਟੈਕਸਟ ਚੁਣਨ ਦੀ ਸਮਰੱਥਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。

ਵੈਬ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਤੁਸੀਂ ਟੈਕਸਟ 'ਤੇ ਦੋ ਹੀ ਕਲਿੱਕ ਕਰੋ ਤਾਂ ਟੈਕਸਟ ਚੁਣਿਆ ਜਾਵੇਗਾ ਜਾਂ ਹਲਕੇ ਹਲਕੇ ਹਾਈਲਾਈਟ ਕੀਤਾ ਜਾਵੇਗਾ। ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਇਸ ਵਿਹਾਰ ਨੂੰ ਰੋਕਣ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ。

ਇਹ ਵੀ ਦੇਖੋ:

HTML DOM ਸਮਾਧਾਨ ਪੁਸਤਕuserSelect ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਟੈਕਸਟ <div> ਐਲੀਮੈਂਟ ਦੀ ਚੁਣਨ ਨੂੰ ਰੋਕੋ:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ and Edge */
  user-select: none; /* Standard syntax */
}

ਸਵੈ ਮੋਹਰਾ ਕਰੋ

CSS ਗਰੰਥ

user-select: auto|none|text|all;

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

ਮੁੱਲ ਵਰਣਨ
auto ਮੂਲ ਮੁੱਲ। ਜੇਕਰ ਬਰਾਉਜ਼ਰ ਦੀ ਇਜਾਜ਼ਤ ਹੁੰਦੀ ਹੈ ਤਾਂ ਟੈਕਸਟ ਚੁਣਿਆ ਜਾ ਸਕਦਾ ਹੈ。
none ਟੈਕਸਟ ਚੁਣਨ ਨੂੰ ਰੋਕੋ
text ਟੈਕਸਟ ਯੂਜ਼ਰ ਦੁਆਰਾ ਚੁਣਿਆ ਜਾ ਸਕਦਾ ਹੈ。
all ਟੈਕਸਟ ਚੁਣਨ ਲਈ ਇੱਕ ਹੀ ਕਲਿੱਕ ਕਰੋ ਨਹੀਂ ਸਿੱਧੇ ਦੋ ਹੀ ਕਲਿੱਕ ਕਰੋ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: auto
ਵਿਰਾਸਤੀ ਹੈ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣ: ਸਮਰਥਨ ਨਹੀਂ ਹੈ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ.
ਸੰਸਕਰਣ: CSS3
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੰਥ object.style.userSelect="none"

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

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਪੂਰਣ ਸਮਰਥਨ ਕਰਨ ਵਾਲੀ ਪਹਿਲੀ ਬਰਾਉਜ਼ਰ ਸੰਸਕਰਣ ਦੇ ਨੰਬਰ ਸਾਰੇ ਤੇਬਲੇ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ਹਨ。

ਪਿਛਲੇ -webkit-、-ms- ਜਾਂ -moz- ਦੇ ਨੰਬਰ ਦੇ ਨਾਲ ਪ੍ਰਾਪਤ ਪ੍ਰਿਫਿਕਸ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਸ਼ਰਤ ਹੈ。

Chrome IE / Edge Firefox Safari Opera
54.0
6.0 -webkit- 		79.0
10.0 -ms- 		69.0
2.0 -moz- 		3.1 -webkit- 41.0
15.0 -webkit-