Índice

Las primeras letras HTML:Primeras letras PROPIEDADES CSS:first-letter

La pseudo-clase .primera-letra permite obtener un efecto visual interesante. Admite las siguientes propiedades:

  • color: para el color del texto.

  • background: propiedad del fondo.

  • text-decoration: estilo aplicado a los caracteres.

  • vertical-align: posición de la primera letra con respecto al texto.

  • text-transform: capitalización de los caracteres.

  • line-height: altura de los cuadros.

  • padding: propiedad del margen interno.

  • margin: propiedad de los márgenes.

  • border: propiedad del borde.

  • float: posicionamiento con respecto a los cuadros adyacentes.

  • text-shadow: sombra del texto.

  • clear: comportamiento de los cuadros adyacentes.

Este es un ejemplo:

    <STYLE type="text/css"> 
.primera-letra { 
float: left ;  
font-size: 3em ;  
font-weight: bold ; 
color: #990000; 
background-color: #CCCCCC;  
margin: 1px ; 
padding: 1px ; 
line-height: 1em ; 
} 
</style> 
</HEAD> 
  <BODY> 
<p><span class="primera-letra">T</span>Texto... Coloque aquí el texto lo  
suficientemente voluminoso...</p> 
</BODY>
images/03-15.png