:lang

Résumé

La pseudo-classes CSS :lang(language-code) permet de spécifier le style d'un élément suivant la langue déterminée pour l'élément.

En HTML, la langue peut être spécifiée par l'attribut lang de l'élément <meta> et éventuellement par les informations du protocole (comme avec l'en-tête HTTP). Pour d'autres types de document, il peut y avoir d'autres méthodes pour déterminer la langue.

Les chaîne de language-code admissible sont décritent dans les spécification de  HTML 4.0.

Syntaxe

element:lang(language-code) { propriétés CSS }

Exemple

Dans cet exemple, le sélecteur lang est utilisé pour faire correspondre le parent d'une citation en utilisant :first-child. Il ne s'agit pas de la seule solution pour ce type de problème, ni même la meilleure (ceci dépend du type de document). Des valeurs Unicode sont utilisées pour certains caractères spéciaux de citation.

Le CSS …

:lang(fr) > Q { quotes: '« ' ' »'; }
:lang(de) > Q { quotes: '»' '«' '\2039' '\203A'; }
:lang(en) > Q { quotes: '\201C' '\201D' '\2018' '\2019'; }

… avec le code HTML suivant …

<div lang="fr"><q>Cette citation française a <q>une citation</q> imbriquée.</q></div>
<div lang="de"><q>Cette citation allemande a <q>une citation</q> imbriquée.</q></div>
<div lang="en"><q>Cette citation anglaise a <q>une citation</q> imbriquée.</q></div>

… donnera :

Spécifications

Spécification Statut Commentaire
Selectors Level 4
La définition de ':lang()' dans cette spécification.
Version de travail Aucun changement.
Selectors Level 3
La définition de ':lang()' dans cette spécification.
Recommendation Aucun changement significatif.
CSS Level 2 (Revision 1)
La définition de ':lang()' dans cette spécification.
Recommendation Première définition.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base 1.0 1.0 (1.7 ou moins) 8.0 8.0 3.1
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base 1.0 1.0 (1) 8.0 8.0 3.1

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : tregagnon, teoli, louuis, FredB, the prisoner
Dernière mise à jour par : tregagnon,