|
Controla mayusculas y minusculas - text-transform |
|
|
|
martes, 01 de agosto de 2006 |
|
Para dar un control a nuestros textos sobre las mayusculas y minusculas aplicamos text-transform:
text-transform: uppercase : Mayusculas
text-transform: lowercase : minusculas
text-transform: capitalize : Primeras letras de cada palabra en mayusculas
Codigo:
<!-- El codigo ha sido proporcionado: http://www.tutores.org -->
<a href="http://www.tutores.org">Codigo ofrecido por Tutores.org</a>
<head>
<style type="text/css">
p.mayusculas {text-transform: uppercase}
p.minusculas {text-transform: lowercase}
p.capitaliza {text-transform: capitalize}
</style>
</head>
<body>
<p class="mayusculas">
Este seria un texto en un parrafo en mayusculas
</p>
<p class="minusculas">
Este seria un texto en un parrafo en minusculas
</p>
<p class="capitaliza">
Este seria un texto en un parrafo con primeras letras en mayuscula
</p>
</body>
Fuente: tutores.org |