Як дозволити або заборонити виділяти текст на css.

Привіт всім! У цій короткій статті я хочу розповісти про одну властивість, яка може комусь стати у пригоді - user-select.

Дана властивість дозволяє дозволити або заборонити виділення тексту на сторінці.

Відео: Секрети виділення тексту в Word

Однак, текстові поля форми можна буде виділяти в будь-якому випадку.

Тепер поговоримо про значення.

У першому випадку подвійним клацанням можна буде виділити весь текст всередині батька.

У другому випадку користувач зможе виділяти текст, як за замовчуванням.

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

Відео: Уроки HTML 2.1 Жирний і курсивний шрифт

Однак, як ви могли помітити, все це стосується браузера Mozilla Firefox.

Щоб це працювало в браузерах, які використовують движок webkit, потрібно прописати префікс -webkit-.

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

none - виділяти елемент заборонено.

auto - можна виділяти елемент.

Відео: Як виділити фразу в пості? Закреслення тексту ВКонтакте!

Ось така властивість, яке, іноді, знаходить застосування і знати його потрібно.

Дякую за увагу і до зустрічі!