CSS
HTML
COMPONENTS
CODE HUB
Generador de Transformación de Texto CSS
Configuración
Transformación de Texto
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 Transformación de Texto CSS
En CSS, la propiedad text-transform se usa para controlar la capitalización del texto dentro de un elemento HTML. Permite cambiar el caso del texto, haciéndolo todo en mayúsculas, todo en minúsculas, o capitalizando la primera letra de cada palabra. Esta propiedad puede ser útil para lograr una estilización y formato de texto consistentes.
La propiedad text-transform puede tomar los siguientes valores:
none: No se aplica ninguna capitalización.
.no-transform {
text-transform: none;
}
uppercase: Transforma todo el texto a mayúsculas.
.uppercase-text {
text-transform: uppercase;
}
lowercase: Transforma todo el texto a minúsculas.
.lowercase-text {
text-transform: lowercase;
}
capitalize: Capitaliza la primera letra de cada palabra.
.capitalize-text {
text-transform: capitalize;
}
Aquí hay un ejemplo de cómo usar la propiedad text-transform para transformar el texto a mayúsculas:
.uppercase-text {
text-transform: uppercase;
}
En este ejemplo:
- La clase .text-indent-element establece la sangría del texto para la primera línea en 20 píxeles. También puedes usar otras unidades de longitud, como ems o porcentajes.
La propiedad text-transform es útil para mantener la consistencia del texto, imponer un estilo de formato de texto específico y mejorar el diseño visual del contenido de tu página web.