CSS
HTML
COMPONENTS
CODE HUB
Generador de Sangría de Texto CSS
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
ReadyTools Academy
Lerne HTML, CSS und JavaScript kostenlos mit der ReadyTools Academy.
Verfolge deinen Fortschritt, lerne in deinem eigenen Tempo und habe Spaß dabei! 🎯
ComenzarGenerador 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.