HTML | DOM 样式方向属性

HTML DOM 中的Style 方向属性用于设置或返回元素的文本方向。

句法：

• 它用于设置文本方向。

  object.style.direction = "ltr|rtl|initial|inherit"

• 它返回文本方向。

  object.style.direction

属性值：

• ltr：指定方向为从左到右，也是默认方向。
• rtl：指定方向为从右到左。
• 初始：将属性设置为其默认值。
• 继承：从父元素继承属性。

返回值：返回文本内容的文本方向。

示例 1：此示例设置从右到左的文本方向。

  

    
        HTML DOM Style direction Property
    

  

    
          
        
        
            Welcome to GeeksforGeeks
        
    
      
    
  
    
    
        function myGeeks() {
            document.getElementById("para").style.direction
                                                   = "rtl";
        }
    

  
                    

输出：
点击按钮前：

点击按钮后：

示例 2：此示例返回文本内容的方向。

  

    
        HTML DOM Style direction Property
    

  

    
        
            Welcome to GeeksforGeeks
        
    
  
    
      
    
    
        function myGeeks() {
            alert(document.getElementById("para").style.direction);
        }
    

  
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器：样式方向属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器