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 хусусияти,
    у сичқончадан реакцияни олади