Delicious LinkedIn Facebook Twitter RSS Feed

Letra capital

En una obra escrita, una letra capital o capitular es una letra al inicio de la obra, un capítulo o un párrafo que es más grande que el resto del texto. En Latín initialis significa Permanecer al principio. A menudo las letras capitales ocupan importantes renglones de alto y en los libros más antiguos o en manuscritos a veces están muy ornamentadas.

En los manuscritos ilustrados, existen las letras capitales con imágenes dentro de ellas, como esta ilustración, conocida como Iniciales historiadas; que fueron una invención del arte insular de las islas británicas en el siglo VIII. Las iniciales historiadas que contienen, típicamente, plantas o ramas espiraladas con pequeñas figuras de animales u hombres que no representan una escena específica son conocidas comos iniciales "habitadas". Ciertas iniciales importantes, tal como la B de Beatus vir ... al comienzo del salmo 1 al comienzo de un libro de salmos vulgata, podría ocupar una página entera de un manuscrito.

Fuente  Wikipedia.



Hay varias maneras para implementar esta letra capital, o sea que la primera letra se vea mas grande.

Acá voy a mostrar 2 mareras diferentes.

Poner código CSS arriba de </head>.

Código 1:
<style type='text/css'>
.letragde2:first-letter{
font-size:75px;
color:#FFFF00;
background:url(images.jpg);
padding:5px;
margin: 8px 5px 0 0 ;
float:left;
text-align: justify;
}
</style>

Y para aplicarlo en una entrada:
<p class="letragde2">Lorem ipsum...............</p>

Código 2:
<style type='text/css'>
.letragde {
font-size:75px;
color: #f00;
margin: 0 5px 0 0 ;
float:left;
text-transform:uppercase;
}
</style>

Y para aplicarlo en una entrada:
<span class="letragde">l</span>orem ipsum...............

En este caso cambiar la letra L por la del comienzo a escribir.
text-transform:uppercase: Transforma la letra en mayuscula.

Podemos modificar el código CSS; hacer la letra más grande (font-size), cambiar el color (color), ponerle fondo con una imagen o color (background), agregarle un borde (border),etc...






0 comments:

Post a Comment