User select

Syntax

Class
Properties
select-none
user-select: none;
select-text
user-select: text;
select-all
user-select: all;
select-auto
user-select: auto;

Padding is inside the element so to demonstrate it we put it on the container in this example.

<div class="t1 bg-c-white shadow-4 p-16 select-text"> select text </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Disallow selecting the text.
t1 select-none
.t1.select-none { user-select: none; }
Allow selecting the text.
t1 select-text
.t1.select-text { user-select: text; }
Select the entire text contents all at once.
t1 select-all
.t1.select-all { user-select: all; }
Let the user agent determine.
t1 select-auto
.t1.select-auto { user-select: auto; }