Inicio

HerramientasBlog

COMPONENTS


Generador de Sangría de Texto CSS BETA

Configuración

Longitud

Clase

Vista previa

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Código

Generador de Sangría de Texto CSS

En CSS, la propiedad text-indent se utiliza para controlar la indentación de la primera línea de texto dentro de un elemento de nivel de bloque. Permite especificar la distancia a la que se indenta la primera línea de texto desde el margen izquierdo o, en algunos casos, el margen derecho.

La sintaxis básica para usar la propiedad text-indent es la siguiente:

.text-indent-element { text-indent: 20px; }

En este ejemplo:

  • La clase .text-indent-element establece la sangría de texto para la primera línea de texto a 20 píxeles. También puedes usar otras unidades de longitud como ems o porcentajes.

También puedes usar valores negativos para crear sangrías colgantes, donde la primera línea se indenta hacia la izquierda del resto del texto. Por ejemplo:

.hanging-indent-element { text-indent: -20px; }

La propiedad text-indent se utiliza comúnmente para formatear párrafos, citas u otros elementos de texto de nivel de bloque para hacer que el texto sea más visualmente atractivo o mejorar la legibilidad al establecer una indentación adecuada para la primera línea.


Herramientas destacadas

Hub de Código
Paleta de ColoresNUEVO
Generador de Contraseñas SegurasSelector de ColoresVerificador de Nombres de Usuario en Redes Sociales

Seleccionar idioma

Establecer tema

© 2024 ReadyTools. Todos los derechos reservados.