თვისება user-select - ტექსტის მონიშვნის აკრძალვა

თვისება user-select აკონტროლებს ტექსტის და სხვა ელემენტების მონიშვნის ქცევას გვერდზე.

სინტაქსი

სელექტორი {
	user-select: none | contain | all | auto | text;
}

მნიშვნელობები

მნიშვნელობა	აღწერა
`none`	ტექსტი არ მონიშნება.
`contain`	ელემენტის შიგნით დაწყებული მონიშვნა არ გასცდება ამ ელემენტის საზღვრებს.
`all`	თუ ორმაგი დაწკაპუნება მოხდა ჩადგმულ ელემენტში, მონიშნული იქნება მშობელი ელემენტის მთელი შიგთავსი, რომელსაც აქვს ამ მნიშვნელობის თვისება.
`auto`	გამოთვლილი მნიშვნელობა, ავტომატურად განისაზღვრება შემდეგნაირად: ფსევდოელემენტებისთვის `after` და `before` მნიშვნელობა უდრის `none`, რედაქტირებადი ელემენტისთვის მნიშვნელობა უდრის `contain`, თუ მშობელ ელემენტს აქვს მნიშვნელობა `all` ან `none` - იგივე იქნება თავად ელემენტისთვის, წინააღმდეგ შემთხვევაში მნიშვნელობა იქნება `text`.
`text`	მომხმარებელს შეუძლია მონიშნოს ტექსტი ელემენტში.

ნაგულისხმევი მნიშვნელობა: text.

შენიშვნა

ზოგიერთი მნიშვნელობა შესაძლოა არ იმუშაოს ყველა ბრაუზერში.

მაგალითი . მნიშვნელობა none

შემდეგი ტექსტის მონიშვნა შეუძლებელია:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	user-select: none;
}

იხილეთ აგრეთვე

ფსევდოელემენტი selection,
რომელიც აკონტროლებს მონიშნული ტექსტის სტილებს
თვისება pointer-events,
რომელიც ართმევს რეაქციას მაუსზე