Prevent Web Article Theft With CSS

Preventing people from selecting the text on the website is sometimes very necessary, especially in this era of the Internet, there are so many people who carelessly take and quote or copy/paste other people’s writings without permission.
For this reason, prevention is needed, if people used to do prevention by using Javascript, or by image raplacement (ie by converting text into image format), or other ways.

Disable Text
Image by ThrasherDave

Proverb:

An ounce of prevention is worth a pound of cure

In this article, Tutorial-webdesign.com will try to prevent or at least make it difficult for others to select the text on our website with CSS. Previously we discussed about disabling a link with css, now we will disable the selection function of the content/text on the website.

The following is an example of using HTML and CSS tags to prevent selection of web page text.
HTML

Lorem ipsum dolor sit amet, elite adipisicing consectetur. Ullam perspiciatis dolorum! Quis dignissimos voluptatem illum facilis suscipit repellat non voluptates hic laboriosam nesciunt rem voluptatum provident obcaecati ea eum reiciendis nisi explicabo.

CSS

.website-content{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

User-select: none, will prevent others from selecting the text.
To prevent others from selecting the entire text, use the above css script in the body tag.
To prevent other people from selecting certain elements, use the css script above in the tag you want to disable.
Demo
All Text Demo
Partial Demo
Downloads 1
Download 2

Browser Support
Not Support IE9 and below and All Opera.

Okay, so these short tips this time, may be useful for those of you who are afraid of the article being stolen by others.