mozilla
Vos résultats de recherche

    :dir

    Cette fonction est expérimentale
    Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
    Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

    Résumé

    La pseudo-classes CSS :dir cible les éléments selon la direction du texte qu'ils contiennent. En HTML, la direction est déterminée par l'attribut dir. Pour d'autres types de documents, il peut y avoir d'autres méthodes pour déterminer la langue.

    Notez que l'utilisation de la pseudo-classe :dir() n'est pas équivalente à l'utilisation des sélecteurs d'attributs [dir=…]. Le dernier cible la valeur de l'attribut dir et ne cible rien quand aucun attribut n'est défini, même si dans ce cas, l'élément hérite de la valeur de son élément parent. De même [dir=rtl] ou [dir=ltr] ne cibleront pas la valeur auto qui peut être utilisée sur l'attribut dir. À l'opposé, :dir() ciblera les valeurs calculées par le navigateur, qu'elles soient héritées ou de la valeur auto.

    De plus :dir() considère seulemement la valeur sémantique de la direction, celle définie dans le document, la plupart du temps dans le HTML. La direction donnée par la des propriétés CSS comme direction n'est pas considérée, cette valeur étant purement décorative.

    Syntaxe

    element:dir(direction) { propriétés décoratives } où direction est gauche à droite ou droite à gauche.
    

    Exemples

    <div dir="rtl">
      <span>test1</span>
      <div dir="ltr">test2
        <div dir="auto">עִבְרִית</div>
      </div>
    </div>
    

    Dans cet exemple :dir(rtl) cible le div de niveau le plus haut, le span contenant test1, et le div contenant les caractères en Hébreux. :dir(ltr) cible le div contenant test2.

    Spécifications

    Spécification Statut Commentaires
    Selectors Level 4
    La définition de ':dir()' dans cette spécification.
    Version de travail Première définition.

    Compatibilité des navigateurs

    Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Support de base Pas de support 17 (17)
    -moz
    Pas de support Pas de support Pas de support
    Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support de base Pas de support 17.0 (17)
    -moz
    Pas de support Pas de support Pas de support
    • Pseudo-classes liées aux langues : :lang, :dir

    Étiquettes et contributeurs liés au document

    Contributors to this page: teoli, tregagnon, FredB
    Dernière mise à jour par : tregagnon,