Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a CSS que contiene a CSS: la propiedad text-transform

Datos de búsqueda

CSS: la propiedad text-transform

La propiedad de CSS text-transform es muy útil para transformar los caracteres de un texto en mayúsculas o minúsculas. Puede aplicarse a cualquier elemento.

Esta propiedad puede tener los siguientes valores:

  • capitalize: convierte en mayúscula la primera letra de cada palabra.
  • uppercase: convierte todas las letras en mayúsculas.
  • lowercase: convierte todas las letras en minúsculas.
  • none: es el valor aplicado por defecto en los navegadores cuando no se especifica otro. Sirve, además, para neutralizar los valores anteriores.

Su funcionamiento puede verse limitado cuando se utiizan caracteres que no pertenezcan al alfabeto latino.

En el siguiente ejemplo todos los caracteres de los elementos H1 existentes en el documento pasarían a estar en mayúsculas:

h1 {text-transform: uppercase;}

Ejemplo de uso con Javascript-DOM (solo se ha de poner uno de los valores):

Object.style.textTransform=none|capitalize|uppercase|lowercase

Referencias y enlaces relacionados

Compartir este artículo:

  • Compartir en del.icio.us
  • Compartir en Technorati
  • Añadir a Google Bookmarks
  • Compartir en Google Buzz

Datos del artículo:

Comentarios del artículo

Los comentarios están cerrados.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Los comentarios están cerrados.

Información del sitio