monks/user_select

The user-select CSS property controls whether the user can select text. This doesn’t have any effect on content loaded as part of a browser’s user interface (its {{Glossary(“Chrome”, “chrome”)}}), except in textboxes.

Values

all

</>

pub const all: #(String, String)

: The content of the element shall be selected atomically: If a selection would contain part of the element, then the selection must contain the entire element including all its descendants. If a double-click or context-click occurred in sub-elements, the highest ancestor with this value will be selected.> [!NOTE]> The CSS basic user interface module defines a contain value for the user-select property to enable selection to start within the element to be contained by the bounds of that element, however, this is not supported in any browsers.

auto_

</>

pub const auto_: #(String, String)

: The used value of auto is determined as follows: - On the ::before and ::after pseudo elements, the used value is none - If the used value of user-select on the parent of this element is none, the used value is none - Otherwise, if the used value of user-select on the parent of this element is all, the used value is all - Otherwise, the used value is text

contain

</>

pub const contain: #(String, String)

contain value of user-select

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

none

</>

pub const none: #(String, String)

: The text of the element and its sub-elements is not selectable. Note that the {{domxref(“Selection”)}} object can contain these elements.

raw

</>

pub fn raw(value: String) -> #(String, String)

Enter a raw string value for user-select

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

text

</>

pub const text: #(String, String)

: The text can be selected by the user.

unset

</>

pub const unset: #(String, String)

var

</>

pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for user-select. It will be wrapped in var() and have -- prepended.