CSS user-select 属性

Paglilinang at Paggamit

Ang katangian ng user-select ay nagtatala kung maaring pinili ang teksto ng elemento.

Sa web browser, kung ikaw ay magdoble-click sa teksto, ang teksto ay puwedeng pinili o magiging highlight. Ang katangian na ito ay ginagamit upang iwasan ito.

Tingnan din:

Manwal ng HTML DOMKatangian ng userSelect

Mga Halimbawa

Iwasan ang pagpili ng teksto ng elemento <div>:

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

Subukan natin ito!

Mga Tagalog ng CSS

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

Halaga ng katangian

Halaga Paglalarawan
auto Default. Kung pinapayagan ng browser, maaaring pinili ang teksto.
none Iwasan ang pagpili ng teksto.
teksto Ang teksto ay puwedeng pinili ng user.
all Iclick ang teksto sa halip na madoble-click.

Detalye ng Teknolohiya

Default na halaga: auto
Inherited: Hindi
Gawain ng animasyon: Hindi suportado. Tingnan ang:Katangian ng animasyon.
Bersyon: CSS3
Mga Tagalog ng JavaScript: object.style.userSelect="none"

Suporta ng Browser

Ang mga numero sa talahanayan ay nagtatala ng unang bersyon ng browser na ganap na sumusuporta sa katangian.

Sundan -webkit-、-ms- o -moz- ang unang bersyon na ginagamit ang prefix.

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-