html tutorial - dir Attribute in HTML - html5 - html code - html form


Dir attribute in html

Learn html - html tutorial - Dir attribute in html - html examples - html programs

  • The dir attribute specifies the text direction of the element’s content.
  • The dir attribute supports Global attributes.

Syntax for dir attribute in HTML:

<p dir=”rtl”>Text Content</p>

Applies To:

Elements Attribute
All HTML elements dir

dir Attribute Value in HTML:

Value Description
ltr Left-to-right text direction
rtl Right-to-left text direction
auto Based on the content the browser point out the text direction.

Sample Coding for dir Attribute in HTML:

Tryit<!DOCTYPE html>
<html>
    <head>
        <title>Wikitechy HTML dir Attribute</title>
    </head>
    <body>
        <p dir="rtl">Welcome to Wikitechy.com></p>
    </body>
</html>

Code Explanation for dir Attribute in HTML:

dir Attribute Code Explanation

  1. dir attribute is given for the text’s direction of the content with the value like rtl(right to left) alignment.

Output for dir Attribute in HTML:

dir Attribute Output

  1. Here the output displays the direction of the content “Welcome to Wikitechy.com” in right to left alignment.

Browser Support for dir Attribute in HTML:

Yes Yes Yes Yes Yes

Related Searches to dir Attribute in html

html dir tag html rtl arabic direction tag in html text direction in html html text direction vertical div dir ltr css direction rtl not working dir tag can have how many characters html attributes html tutorialshtml editor html code html form html tutorial html color html color codes html table html img html5 html code for website html and css html programs html website free html editor html5 tutorial wysiwyg html editor html tutorial pdf html converter php tutorial html example html tutorial css tutorial html css html tags html basics code html html online html mailto html lang html tags list

Summer Offline Internship

Summer Online Internship

Internship in Chennai

Programming / Technology Internship in Chennai

Wikitechy Rated 5 / 5 based on 378284 reviews.
Wikitechy-logo

World's No 1 Animated self learning Website with Informative tutorials explaining the code and the choices behind it all.

Wikitechy

About Us
Terms of Use
Privacy Policy
Contact Us

Workshop

Webinar

Join our Community

Advertise

Other Languages

English
Chinese
Deutsch
Russian

© 2016 - 2024 KaaShiv InfoTech, All rights reserved. Powered by Inplant Training in chennai | Internship in chennai