oujood.com

 HTML L’attribut dir

L'attribut dir spécifie le sens du texte de contenu de l'élément. L'attribut dir spécifie l’orientation du texte de l'élément. L'attribut
.......................

chercher |

Définition et utilisation de L’attribut dir

HTML Les attributs globaux

L'attribut dir spécifie le sens du texte de contenu de l'élément.

L'attribut dir spécifie l’orientation du texte de l'élément. L'attribut dir peut prendre les valeurs suivants :

Le mot clé ltr, qui correspond à l'état de left-to-right

Indique que le contenu de l'élément est explicitement orienté de gauche à droite.

Le mot clé rtl, qui correspond à l'état de right-to-left!

Indique que le contenu de l'élément est explicitement orienté de droite à gauche.

Le mot clé auto, qui correspond à l'état automatique

N'utiliser cette valeur que comme un dernier recours lorsque le sens du texte est vraiment inconnu

Syntaxe

<element dir="ltr|rtl|auto">


Exemple Un paragraphe d'une direction de droite à gauche:

Exemple :       Copier le code

  <!DOCTYPE html>
  <html>
  <head>
  <title>html5 demo</title>
  <meta http-equiv="Content-Type" content="text/html;
  charset=utf-8" />
  </head>
  <body>
  <p>le texte dans ce paragraphe est normal. <br>
  Dans le paragraphe suivant le texte est en arrab il doit être
  écrit de droite à la gauche</p>
  <p dir="rtl">'D3D'E 9DJC <br>EF A6DC !</p>
  <p dir="rtl">Ecrit ce texte de droite à la
  gauche!!!</p>
  </body>
  </html>
   

Exemple fragment de balisage d'une conversation par messagerie instantanée

Exemple :       Copier le code

  <!DOCTYPE html>
  <html>
  <head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html;
  charset=utf-8" />
  </head>
  <body>
  <p dir=ltr>Ce fragment de balisage est d'une conversation
  par messagerie instantanée.</p>
  <p dir=auto><b> étudiant  : </b> Comment
  pouvez-vous écrire « Quel est votre nom? » en arabe? </p>
  <p dir=auto><b> professeur  : </b> E' '3EC
  </p>
  <p dir=auto><b> étudiant  : </b> Merci.
  </p>
  <p dir=auto><b > professeur  : </b> qui s'écrit
  « 4C1K' ». </p>
  <p dir=auto><b > professeur  : </b> savez-vous
  comment écrire « S'il vous plaît »? </p>
  <p dir=auto><b > étudiant  : </b> « EF A6DC »
  </p>
  </body>
  </html>

Navigateurs pris en charge de l’attribut dir

Internet ExplorerFirefoxOpéraGoogle ChromeSafari

L'attribut dir est pris en charge dans tous les principaux navigateurs.


Différences entre HTML 4.01 et HTML5

En HTML5, l'attribut dir peut être utilisé sur n'importe quel élément HTML.

En HTML 4.01, l'attribut dir ne peut pas être utilisé avec : <base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param> et <script>.


Valeurs d'attributs

Valeur Description
ltr Par défaut. L'orientation du texte de gauche à droite
rtl L'orientation du texte de droite à gauche
auto Laissez le navigateur comprendre le sens du texte, basé sur le contenu (recommandé seulement si le sens du texte est inconnu)
 Retour à la liste des attributs globaux       
accueil HTML 5
Par gerywa 20 mars 2014

Voir aussi nos tutoriel :

margin-bottom

Définit la marge bas d'un élément

jQuery sélecteurs des éléments de formulaire

jQuery sélecteurs des éléments de formulaire

Détermine si une variable est un tableau

 Détermine si une variable est un tableau