css властивість user-select

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

Зазвичай застосовується для інтерактивних елементів, на які можна клацати, наприклад, вкладки, і для яких виділення тексту небажано.

правити

Нотатка

Ця властивість дуже слабо підтримується сучасними браузерами, й рекомендується до використання з префіксами.

автор: NagarD правити

+ додати пораду чи нотатку

Синтаксис

user-select: auto | text | none | contain | all;

Властивість user-select може отримувати 5 значень:

none

Текст не можна виділяти.

автор: NagarD

правити

auto

Текст можна виділяти, якщо це дозволено без задання у браузері.

автор: NagarD

правити

all

Виділяє увесь текст в один клік.

автор: NagarD

правити

text

Текст можна виділяти.

автор: NagarD

правити

contain

Виділяє текст, якщо елемент можна редагувати.

автор: NagarD

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
user-select	54.0 <br> 4.0 -webkit-	2.0 -moz-	3.1 -webkit-	41.0 <br> 15.0 -webkit-	12.0 -ms-	10.0 -ms-

Підтримка: мобільні переглядачі

Переглядач
user-select	2.1 -webkit-	2.0 -moz-	3.2-webkit-

Приклади

+ запропонувати свій приклад у пісочниці

<p>Цей текст виділяється як звичайно.</p>
<p class="no">А цей виділити не вдасться — спробуй.</p>

.no {
    user-select: none;
}