Какое свойство CSS использовать, чтобы запретить выделение текста на сайте
Наш сайт нуждается в защите от копирования или внешних изменений? Нет проблем! В этой статье вы узнаете, какие свойства CSS применить, чтобы сделать текст на вашем сайте невозможным для выделения любыми средствами
![](https://www.webasyst.ru/wa-data/public/updates/img/69/5369/16281/16281.970.png)
![](https://img.youtube.com/vi/vfE4qY5cRZg/0.jpg)
Адаптивная верстка сайта с нуля с пояснениями. Макет Photography. Часть 1. Верстка
Свойство user-select со значением none помещается в стили элемента, для которого нужно запретить выделение текста. Например: p { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
![](https://img.youtube.com/vi/X30AqcfDKdE/0.jpg)
Как запретить копирование текста на сайте и убрать синюю заливки при выделении текста
![](https://s0.rbk.ru/v6_top_pics/media/img/8/69/756715606166698.jpg)
![](https://img.youtube.com/vi/l9ELz1ZCszA/0.jpg)
Запрет копирования на сайте. Защити свой сайт от воровства контента. Практическое решение проблемы.
Если нужно запретить выделение текста только определенной части элемента, можно использовать метод обертки: создать дополнительный элемент-обертку с применением свойств user-select: none; pointer-events: none; и поместить внутрь него текст, который необходимо защитить
![](https://img.youtube.com/vi/jKgcTNTDOEA/0.jpg)
Как копировать шаблоны лендингов и переделывать под себя - SEO продвижение лендинга в Яндексе
![](https://wpschool.ru/wp-content/uploads/2018/06/disable-text-selection-2.png)
Для более надежной защиты от копирования текста, помимо свойства user-select, можно использовать метод javascript, перехватывая события выделения текста и блокируя их выполнение
![](https://img.youtube.com/vi/PYbYgUlTrVc/0.jpg)
как скопировать текст с защищённого от копрования сайта #копированиетекстассайта #копированиетекста