manuel de référence CSS

règle CSS @

大全 des propriétés CSS

Fonctions CSS Complète des sélecteurs CSS

CSS :first-letter pseudo-element

Online example

The style chosen for the first letter of each <p> element:

Exemple

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Base tutorial(oldtoolbag.com)</title>　
<style>
p:first-letter
{
　　　　font-size:200%;
　　　　color:#0000ff;
}
</style>
</head>
<body>
<h1>Bienvenue sur ma page d'accueil</h1>
<p>Mon nom est Jack.</p>
<p>Je vis à Shanghai.</p>
<p>Mon meilleur ami est Linda.</p>
</body>
</html>

Voyons un exemple ‹/›

Définition et utilisation

:first-Le sélecteur "letter" est utilisé pour spécifier le style de la première lettre d'un élément.

Avis: :first-Le sélecteur "letter" peut utiliser les propriétés suivantes :　

propriétés de police
propriétés de couleur　
propriétés de fond
propriétés de padding
propriétés de marge
propriétés de bordure
text-decoration
vertical-align (only if float is 'none')
text-transform
line-height
float
clear

Attention: "first-Sélecteur "letter" est applicable uniquement aux éléments de niveau bloc.

Compatibilité du navigateur

Les nombres dans le tableau indiquent la version du premier navigateur prenant en charge cette propriété.

sélecteur
::first-letter	1.0	9.0 Partie de5.5	1.0	1.0	7.0 Partie de5.5

Attention: IE 5.5-8 et Opera 4-6 Ne prend en charge que les normes de syntaxe anciennes, single-CSS à double point d'exclamation2Grammaire (：first-letter)。Normes prises en charge par la nouvelle version, CSS à double point d'exclamation3Grammaire (::letter).

Lecture recommandée

Tutoriel CSS: Élément de pseudo-CSS

Manuel complet des sélecteurs CSS

Fonctions CSS Complète des sélecteurs CSS