El usuario selecciona la propiedad de CSS

CSS | el usuario seleccione la propiedad : Aquí, vamos a aprender sobre la propiedad de selección de usuario con su sintaxis, ejemplos de CSS (Cascading Style Sheet).

CSS | el usuario seleccione la propiedad

Descripción:

Sorprendentemente, el desarrollo web nos ofrece una gran cantidad de características. Desde la edición hasta el estilo, todo está cubierto hasta la médula. Tomemos esta discusión aún más, aprendiendo el uno del otro, como característica o propiedad conocida como propiedad de selección de usuario en CSS .

El propiedad de selección de usuario en CSS es una propiedad muy fundamental, pero crucial cuando se trata de hacer una página web de respuesta. La propiedad se utiliza para especificar si o no un texto de un elemento puede ser seleccionado.

En general, si class -clic en un texto que será seleccionado o destacado. Esta propiedad se puede utilizar para evitar esto.

Sintaxis:

    Element{
user-select : auto|none|all|text;
}

valores de las propiedades de selección de usuario

1) el usuario seleccione: auto

automático es el valor de la double propiedad de selección de usuario . La función principal de esta propiedad es que ayuda al usuario seleccionar un texto en particular.

Sintaxis:

    Element{
user-select:auto;
}

Ejemplo:

<!DOCTYPE html>
<html>
<head>
<style>
div {
user-select: auto;
}
</style>
</head>
<body>
<h1>The user-select Property</h1>
<div>Includehelp is a learning website.</div>
</body>
</html>

salida

The user-select Property in CSS - 4

En el ejemplo anterior, el texto de div elemento se puede seleccionar .

2) el usuario seleccione: ninguno

ninguno es otro valor de la propiedad de selección de usuario . Se utiliza para evitar la selección de texto por parte del usuario lo que significa que el usuario no puede seleccionar el texto por sí solo cuando este valor está activo.

Sintaxis:

    Element{
user-select:none;
}

Ejemplo:

<!DOCTYPE html>
<html>
<head>
<style>
div {
user-select: none;
}
</style>
</head>
<body>
<h1>The user-select Property</h1>
<div>Includehelp is a learning website.</div>
</body>
</html>

salida

The user-select Property in CSS - 5

En el ejemplo anterior, si se intenta no puede seleccionar el texto dentro del elemento div .

3) fácil de seleccionar: todo

todo es otro valor de la propiedad user-select . Se utiliza para seleccionar el texto con un solo clic de un ratón en lugar de un -clic class.

Sintaxis:

    Element{
user-select:all;
}

Ejemplo:

<!DOCTYPE html>
<html>
<head>
<style>
div {
user-select: all;
}
</style>
</head>
<body>
<h1>The user-select Property</h1>
<div>Includehelp is a learning website.</div>
</body>
</html>

salida

The user-select Property in CSS - 6

En el ejemplo anterior, puede seleccionar el texto dentro del elemento div con un solo clic Sólo .

4) fácil de seleccionar: Texto

texto es otro valor de la propiedad de selección de usuario . Se utiliza para que el usuario pueda seleccionar el texto. No es default usada proporcionar una selección de texto Prevent del usuario.

Sintaxis:

    Element{
user-select:text;
}

Ejemplo:

<!DOCTYPE html>
<html>
<head>
<style>
div {
user-select: text;
}
</style>
</head>
<body>
<h1>The user-select Property</h1>
<div>Includehelp is a learning website.</div>
</body>
</html>

salida

The user-select Property in CSS - 7

En el ejemplo anterior, si desea seleccionar el texto en el elemento div puede seleccionar en un class clic .


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *