თვისება user-select - ტექსტის მონიშვნის აკრძალვა
თვისება user-select აკონტროლებს
ტექსტის და სხვა ელემენტების მონიშვნის ქცევას გვერდზე.
სინტაქსი
cssსელექტორი {
user-select: none | contain | all | auto | text;
}
მნიშვნელობები
| მნიშვნელობა | აღწერა |
|---|---|
none |
ტექსტი არ მონიშნება. |
contain |
ელემენტის შიგნით დაწყებული მონიშვნა არ გასცდება ამ ელემენტის საზღვრებს. |
all |
თუ ორმაგი დაწკაპუნება მოხდა ჩადგმულ ელემენტში, მონიშნული იქნება მშობელი ელემენტის მთელი შიგთავსი, რომელსაც აქვს ამ მნიშვნელობის თვისება. |
auto |
გამოთვლილი მნიშვნელობა, ავტომატურად განისაზღვრება შემდეგნაირად:
ფსევდოელემენტებისთვის after და
before
მნიშვნელობა უდრის none, რედაქტირებადი ელემენტისთვის
მნიშვნელობა უდრის contain, თუ მშობელ ელემენტს აქვს მნიშვნელობა
all ან none - იგივე იქნება თავად ელემენტისთვის,
წინააღმდეგ შემთხვევაში მნიშვნელობა იქნება text.
|
text |
მომხმარებელს შეუძლია მონიშნოს ტექსტი ელემენტში. |
ნაგულისხმევი მნიშვნელობა: text.
შენიშვნა
ზოგიერთი მნიშვნელობა შესაძლოა არ იმუშაოს ყველა ბრაუზერში.
მაგალითი . მნიშვნელობა none
შემდეგი ტექსტის მონიშვნა შეუძლებელია:
html<div id="elem">
Lorem ipsum dolor sit amet.
</div>css#elem {
user-select: none;
}
Результат:
იხილეთ აგრეთვე
-
ფსევდოელემენტი
selection,
რომელიც აკონტროლებს მონიშნული ტექსტის სტილებს -
თვისება
pointer-events,
რომელიც ართმევს რეაქციას მაუსზე