Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lerne HTML, CSS und JavaScript kostenlos mit der ReadyTools Academy.
Verfolge deinen Fortschritt, lerne in deinem eigenen Tempo und habe Spaß dabei! 🎯
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 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.
Seleccionar idioma
Establecer tema
© 2025 ReadyTools. Todos los derechos reservados.