Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Cambiar el estilo de la primera letra de un párrafo

Quiero saber cómo puedo conseguir que la primera letra de un texto tenga una tipografía distinta que el resto del párrafo.

La FAQ Cambiar el estilo de la primera letra de un párrafo tiene Pertenece a la categoría:


 Respuesta de Miguel Angel Alvarez  23/4/05 
Para ello debes utilizar hojas de estilo en cascada (CSS). Hay un modo de aplicar un estilo específico a la primera letra de un elemento de la página, o también a la primera línea de cualquier elemento.

Tienes que utilizar los pseudo-element, que permiten definir una serie de atributos para esas partes de la etiqueta. En este caso deberías aplicar el pseudo-element first-letter.

El ejemplo de aplicar una letra distinta a la inicial del párrafo sería:

P:first-letter {
font-size: 200%;
color: #993333; font-weight: bold;
}

Se puede conseguir más información en el artículo Pseudo-element en CSS.

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

 
FAQ relacionadas
  + Script para diferenciar resoluciones de pantalla
  + Por qué tu página es más rápida que la mia?
  + Cambiar el tamaño de letra de un menú select
  + Aplicar estilo a la primera línea de un texto
  + Reducir el tamaño de un archivo gráfico
  + Estilos en barras de desplazamiento
  + Estilos CSS en los botones de formularios y Netscape 4
  + Manuales de CSS
  + Enlaces que cambian al pasar el ratón
  + ¿Cómo puedo cambiar el color de las celdas cuando paso el puntero por encima de ellas?
  + ¿Como puedo cambiar el color de la barra de desplazamiento?.
  + Diferencias de colocar estilos CSS en distintos lugares
  + Cambiar color a los enlaces
  + Quitar subrayado a los enlaces
  + Quiero personalizar los links de mi página para que todos sean distintos los unos de los otros
  + Estilo en los campos de formulario
  + Menú dinámico con CSS
  + Textarea sin borde
  + Clip en un div
  + Efecto sombra en mi página
  + Maquetar un boletín con CSS
  + Caja con CSS
  + Estilo en tablas HTML con CSS
  + Aspecto del cursor con CSS
  + Capas en CSS
  + Qué es Shorthand
  + Maquetar una web con CSS
  + problema al aplicar z-index a elementos select de formulario
  + Maquetar por tablas o por capas
  + Algunos programas para editar CSS
  + Maquetar galería de fotos con CSS
  + Rollover con CSS
  + Botones con estilos
  + ¿Qué Significa CSS?
  + Minúsculas con CSS
  + Hojas de estilo en cascada (CSS)
  + Formulario con CSS
  + Efecto de sombra con CSS
  + Cambiar tipografía para toda la página
  + Imprimir con CSS
  + ...

Para ver más FAQ relacionadas accede a las categorías:

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia