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.
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