HTML | DOM 样式 unicodeBidi 属性

HTML DOM 中的Style unicodeBidi 属性与 direction 属性一起用于确定多向文本的显示方式。它覆盖了默认的 Unicode 算法，并为开发人员提供了控制文本嵌入的权限。

句法：

• 它返回 unicodeBidi 属性。

  object.style.unicodeBidi

• 它用于设置 unicodeBidi 属性。

  object.style.unicodeBidi = "embed|bidi-override|normal|initial|
  inherit"

属性值：

• embed：此值用于创建附加级别的嵌入。

  例子：

        
  
      
          DOM Style unicodeBidi Property
      
        
      
          .content {
              direction: rtl;
              unicode-bidi: bidi-override;
          }
      
  
    
  
      
          GeeksforGeeks
      
        
      DOM Style unicodeBidi Property
        
      
          The unicodeBidi property is used to decide
          how bidirectional text should be handled
          in a document.
      
        
      
          GeeksforGeeks is a computer science portal.
      
        
      
          Change unicodeBidi
      
        
      
      
          function setUnicodeBidi() {
              elem = document.querySelector('.content');
              elem.style.unicodeBidi = 'embed';
          }
      
  
    
                      

  输出：

  • 点击按钮前：
    
  • 点击按钮后：
    
• bidi-override：此值用于创建附加级别的嵌入。它还根据 direction 属性中指定的方向对文本重新排序。

  例子：

        
  
      
          DOM Style unicodeBidi Property
      
        
      
          .content {
              direction: rtl;
          }
      
  
    
  
      
          GeeksforGeeks
      
        
      DOM Style unicodeBidi Property
        
      
          The unicodeBidi property is used to decide
          how bidirectional text should be handled
          in a document.
      
        
      
          GeeksforGeeks is a computer science portal.
      
        
      
          Change unicodeBidi
      
        
      
      
          function setUnicodeBidi() {
              elem = document.querySelector('.content');
              elem.style.unicodeBidi = 'bidi-override';
          }
      
  
    
                      

  输出：

  • 点击按钮前：
    
  • 点击按钮后：
    
• normal：此值不会创建任何额外的嵌入级别。它是默认值。

  例子：

        
  
      
          DOM Style unicodeBidi Property
      
        
      
          .content {
              direction: rtl;
              unicode-bidi: bidi-override;
          }
      
  
    
  
      
          GeeksforGeeks
      
        
      DOM Style unicodeBidi Property
        
      
          The unicodeBidi property is used to decide
          how bidirectional text should be handled
          in a document.
      
        
      
          GeeksforGeeks is a computer science portal.
      
        
      
          Change unicodeBidi
      
        
      
      
          function setUnicodeBidi() {
              elem = document.querySelector('.content');
              elem.style.unicodeBidi = 'normal';
          }
      
  
    
                      

  输出：
  • 点击按钮前：
    
  • 点击按钮后：
    
• initial：用于将此属性设置为其默认值。

  例子：

        
  
      
          DOM Style unicodeBidi Property
      
        
      
          .content {
              direction: rtl;
              unicode-bidi: bidi-override;
          }
      
  
    
  
      
          GeeksforGeeks
      
        
      DOM Style unicodeBidi Property
        
      
          The unicodeBidi property is used to decide
          how bidirectional text should be handled
          in a document.
      
        
      
          GeeksforGeeks is a computer science portal.
      
        
      
          Change unicodeBidi
      
        
      
      
          function setUnicodeBidi() {
              elem = document.querySelector('.content');
              elem.style.unicodeBidi = 'initial';
          }
      
  
    
                      

  输出：

  • 点击按钮前：
    
  • 点击按钮后：
    
• 继承：它从其父元素继承属性。

  例子：

        
  
      
          DOM Style unicodeBidi Property
      
        
      
          #parent {
              unicode-bidi: bidi-override;
          }
          .content {
              direction: rtl;
          }
      
  
    
  
      
          GeeksforGeeks
      
        
      DOM Style unicodeBidi Property
        
      
          The unicodeBidi property is used to
          decide how bidirectional text should
          be handled in a document.
      
        
      
          
              GeeksforGeeks is a computer
              science portal.
          
      
        
      
          Change unicodeBidi
      
        
      
      
          function setUnicodeBidi() {
              elem = document.querySelector('.content');
              elem.style.unicodeBidi = 'inherit';
          }
      
  
    
                      

  输出：

  • 点击按钮前：
    
  • 点击按钮后：
    

支持的浏览器： DOM Style unicodeBidi 属性支持的浏览器如下：

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