Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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.
Herramientas destacadas
Hub de CódigoSeleccionar idioma
Establecer tema
© 2024 ReadyTools. Todos los derechos reservados.