manual de referência CSS

regra CSS (RULES)

大全 de Atributos CSS

Funções CSS Manual Completo de Selectores CSS

CSS :first-Pseudo-elemento letter

Exemplo online

Estilo de letra escolhido para a primeira letra de cada <p> elemento:

Exemplo

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<title>Tutorial básico(oldtoolbag.com)</title>　
<style>
p:first-letter
{
　　　　font-tamanho:200%;
　　　　color:#0000ff;
}
</style>
</head>
<body>
<h1>Bem-vindo ao meu site inicial</h1>
<p>Meu nome é Jack.</p>
<p>Eu moro em Xangai.</p>
<p>Meu melhor amigo é Linda.</p>
</body>
</html>

Teste e veja ‹/›

Definição e uso

:first-O seletor letter é usado para especificar o estilo da primeira letra do elemento.

Dica: :first-O seletor letter pode usar as seguintes propriedades:　

propriedades de fonte
propriedades de cor　
propriedades de fundo
propriedades de margem
propriedades de preenchimento
propriedades da borda
text-decoration
vertical-align (apenas se float for 'none')
text-transform
line-height
float
clear

Atenção: "first-Seletor letter" é aplicável apenas em elementos de bloco.

Compatibilidade do navegador

Os números na tabela indicam a primeira versão do navegador que suporta essa propriedade.

seletor
::first-letter	1.0	9.0 Parte de5.5	1.0	1.0	7.0 Parte de5.5

Atenção: IE 5.5-8 e Opera 4-6 Apenas suporta padrões de sintaxe antigos, single-colon CSS2Sintaxe (：first-letter). Novas versões do padrão, double-colon CSS3Sintaxe (::letter).

Leitura adicional

Tutorial CSS: Elementos pseudo-CSS

Manual completo de seletores CSS

Funções CSS Manual Completo de Selectores CSS