📜  CSS |文本方向属性

📅  最后修改于: 2021-08-29 13:06:09             🧑  作者: Mango

CSS 中的text-orientation 属性用于设置一行中字符的方向。此属性在垂直脚本中很有用,例如创建垂直表标题、定义行名称等。

句法:

text-orientation: mixed|upright|sideways;

属性:

  • 混合:该值用于将文本字符顺时针旋转 90 度。它是默认值。

    例子:

    
    
        
            CSS | text-orientation Property
        
          
        
    
      
    
        

    GeeksforGeeks

                   

    A Computer Science Portal

      

    输出:

  • upright:此值从屏幕右侧开始文本到下侧。
    例子:

    
    
        
            CSS | text-orientation Property
        
          
        
    
      
    
        

    GeeksforGeeks

                   

    A Computer Science Portal

      

    输出:

  • sideways:此值将文本行顺时针旋转 90 度。

    例子:

    
    
        
            CSS | text-orientation Property
        
          
        
    
      
    
        

    GeeksforGeeks

                   

    A Computer Science Portal

      

    输出:

注意: text-orientation 属性取决于writing-mode 属性,如果它没有设置为horizontal-tb则此属性将起作用。

支持的浏览器: text-orientation 属性支持的浏览器如下:

  • 谷歌浏览器
  • 火狐
  • 歌剧