Everything about css user-select property

CSS user select properties:

User select works like security. If we want that any user can't copy data from the site then we can use it.
The values are:
user-select:auto;
It is a default value.

user-select:none;
If we use this then user can't select the text and can't copy.

user-select:all
If we use this then if we do one click on the text then all the text present in that particular section will be selected.

<!DOCTYPE html>
<html>
<head>
<title> </title>
<style>
    .Z{
        height:100px;
        width:100px;
        background-color:rgb(0, 255, 234);
        user-select:none;
    }
    .A{
        height:100px;
        width:100px;
        background-color:rgb(128, 87, 0);
        user-select:all;
    }
</style>
</head>
<body>

<div class="z">
First div.This is a website for free learning.You can learn about data science,data analyst,web design etc.
</div>
<div class="A">
Second div.This is a website for free learning.You can learn about data science,data analyst,web design etc.
</div>

</body>
</html>

CodersAim is created for learning and training a self learner to become a professional from beginner. While using CodersAim, you agree to have read and accepted our terms of use, privacy policy, Contact Us