CSS приклад: -webkit-user-select

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
1.0+3.1+

Коротка інформація

Значення за замовчуваннямauto
НаслідуєтьсяТак
ЗастосовуєтьсяДо всіх елементів
Відсотковий записНе застосовується

Версії CSS

CSS 1CSS 2CSS 2.1CSS 3

Опис

Контролює поведінку виділення тексту та інших елементів на сторінці. Незалежно від заборони або дозволу, користувач може виділяти вміст текстових полів форми.

Синтаксис

-webkit-user-select: auto | none | text

Значення

auto
Користувач може виділити елемент.
none
Користувачеві заборонено виділяти елемент.
text
Користувач може виділити текст у елементі.

Приклад

HTML5CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>-webkit-user-select</title>
  <style type="text/css">
   body { -webkit-user-select: none; }
   .enable { -webkit-user-select: text; }
  </style>
 </head>
 <body>
  <p>Цей текст неможливо виділити</p>
  <p><input type="text" value="Цей текст можна виділити" /></p>
  <p class="enable">Цей <b>текст</b> також можна виділити</p>
 </body>
</html>

Часті запитання

  • Q: Як використовувати -webkit-user-select в CSS?

    A: Для встановлення можливості виділення тексту веб-елементом використовується властивість -webkit-user-select у CSS.

  • Q: Як дозволити виділення тексту для певного елемента за допомогою -webkit-user-select?

    A: Для дозволу виділення тексту для певного елемента за допомогою -webkit-user-select встановлюється значення 'text'.

  • Q: Як заборонити виділення тексту для елемента з використанням -webkit-user-select?

    A: Для заборони виділення тексту для елемента з використанням -webkit-user-select встановлюється значення 'none'.

  • Q: Де можна використовувати -webkit-user-select в CSS?

    A: Властивість -webkit-user-select можна використовувати на будь-яких веб-елементах, де потрібно керувати можливістю виділення тексту.

  • Q: Чи підтримується -webkit-user-select у всіх браузерах?

    A: Властивість -webkit-user-select є вендорною префіксованою властивістю і підтримується у браузерах, які підтримують префікс -webkit-.