Mudar o estilo da primeira letra de um parágrafo

Pergunta
Quero saber como posso conseguir que a primeira letra de um texto tenha uma tipografia diferente que o resto do parágrafo.

Valorize esta FAQ:
A FAQ Mudar o estilo da primeira letra de um parágrafo tem Pertence à categoria:
Resposta
Para isso você deverá utilizar folhas de estilo em cascata (CSS). Existe um modo de aplicar um estilo específico à primeira letra de um elemento da página, ou também à primeira linha de qualquer elemento.

Você tem que utilizar os pseudo-element, que permitem definir uma série de atributos para essas partes da etiqueta. Neste caso, deveria aplicar o pseudo-element first-letter.

O exemplo de aplicar uma letra distinta à inicial do parágrafo seria:

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

Você poderá encontrar mais informação no artigo Pseudo-element em CSS.

Por Miguel Angel Alvarez

Voltar à árvore de categorias Voltar à árvore de categorias

 
FAQs relacionadas
  + Script para diferenciar resoluções de tela
  + Mudar o tamanho de letra de um menu select
  + Aplicar estilo à primeira linha de um texto
  + Por que sua página é mais rápida que a minha?
  + Reduzir o tamanho de um arquivo gráfico
  + Links que mudam ao passar o mouse
  + Diferenças de colocar estilos CSS em diferentes lugares
  + Mudar tipografia para toda a página
  + Estilo nos campos de formulário
  + Estilos em barras de deslocamento
  + Como eliminar as margens de cima e debaixo que tem um formulário
  + Definir as margens de um cabeçalho ou título <h1>
  + Alinhamento de texto à direita
  + Centralizar conteúdo da página
  + Elementos de listas LI na mesma linha
  + [...]

Ver todas las FAQS de Guias de desenho / CSS

Usuários :    login / registro

Home | Sobre nós | Copyright | Anuncie | Entrar em contato