manual de referencia CSS

regla CSS (RULES)

大全 de propiedades CSS

Funciones CSS (Functions)Manual completo de selectores CSS

CSS :first-seudo elemento letter

Manual de referencia de selectores CSS completos

Ejemplo en línea

Estilo de la primera letra de cada elemento <p> seleccionado:

Ejemplo

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Tutorial básico(oldtoolbag.com)</title>　
<style>
p:first-letter
{
　　　　fuente-tamaño:200%;
　　　　color:#0000ff;
}
</style>
</head>
<body>
<h1>Bienvenido a mi página de inicio</h1>
<p>Mi nombre es Jack.</p>
<p>Vivo en Shanghai.</p>
<p>Mi mejor amigo es Linda.</p>
</body>
</html>

Prueba y mira ‹/›

Definición y uso

:first-El selector "letter" se utiliza para especificar el estilo de la primera letra de un elemento.

Consejo: :first-El selector "letter" puede usar las siguientes propiedades:　

propiedades de fuente
propiedades de color　
propiedades de fondo
propiedades del margen
propiedades del relleno
propiedades del borde
text-decoration
vertical-align (sólo si float es 'none')
text-transform
line-height
float
clear

Nota: "first-Selector "letter" solo se aplica a elementos de nivel bloque.

Compatibilidad del navegador

Los números en la tabla indican la versión del primer navegador que admite el atributo.

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

Nota: IE 5.5-8 y Opera 4-6 Sólo admite estándares de sintaxis antiguos, single-CSS con dos puntos2Sintaxis (：first-letter). Estándares compatibles con la nueva versión, CSS con dos puntos3Sintaxis (::letter).

Lecturas relacionadas

Tutorial de CSS: Elementos pseudo de CSS

Manual de referencia de selectores CSS completos

Funciones CSS (Functions)Manual completo de selectores CSS