Discussion :

[flo456]

bonjour,

est-il possible de mettre la 1ère lettre d'un paragraphe en Majuscule en css?
car j'ai cherché un peu partout, et j ai trouvé comment mettre la 1ère lettre de chaque mot en majuscule mais pas la 1ère lettre d'un paragraphe.

quelqu'un peu m'aider?

merci d'avance

[MasterOfChakhaL]

salut,

normalement c'est comme ca:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
p:first-letter {
  text-transform: uppercase;
}

Je ne me souviens plus si cette fonctionnalité est bien supporté sur la plupart des navigateurs...
Je crois bioen que oui, mais à vérifier quand même...

[trotters213]

si tu veux être sur que ça marche pour tout les navigateurs, tu peux faire un span autour de la première lettre de chaque paragraphe mais bon c'est pas très jolie.

Pourquoi ne pas le faire directement lorsque tu tapes le texte ?

Sinon tu peux utiliser ucfirst en PHP mais attention, ça ne mets que la première lettre en majuscule (ça ne mets pas les autres en minuscule).
Exemple :

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$var='aBcDeF';
echo ucfirst($var); //affiche 'ABcDeF'

Si tu veux que ta chaine soit formatée, il faut faire ucfirst(strtolower($var)) ce qui affiche 'Abcdef'

[flo456]

OK je vais essayer comme cela

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
p:first-letter {
  text-transform: uppercase;
}

et la mettre en forme.

merci