Aplicar estilo à primeira linha de um texto

Pergunta
Desejo conhecer uma maneira simples de conseguir que a primeira linha de um parágrafo tenha um tipo de letra diferente que o resto do texto.

Valorize esta FAQ:
A FAQ Aplicar estilo à primeira linha de um texto tem Pertence à categoria:
Resposta
Utilize CSS (folhas de estilo em cascata). Existe um modo de aplicar um estilo específico à primeira linha de um texto da página, ou também à primeira letra.

Utilize os pseudo-element. Neste caso, você deveria aplicar o pseudo-element first-line.

O exemplo de aplicar uma letra diferente à primeira linha do parágrafo seria:

P:first-line {
font-size: 150%;
font-weight: bold;
}

Pode-se conseguir 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
  + Mudar o estilo da primeira letra de um parágrafo
  + 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