CSS 属性

text-orientation 属性指定一行中文本字符的方向。

该属性仅在垂直书写模式下有效。该属性基本上可用于垂直书写，例如日文、中文，也可用于制作垂直表格标题。

属性值

  • mixed:将横排文字的字符顺时针旋转90°。自然地排列竖行文字。默认值。

  • upright:自然地（直立）布置水平脚本的字符以及垂直脚本的字形。

  • sideways:使字符按照水平布局，但整行顺时针旋转 90°。

  • sideways-right:sideways 的别名出于兼容性目的而保留。

  • use-glyph-orientation:在 SVG 元素上，此关键字导致使用已弃用的 SVG 属性 glyph-orientation-vertical 和 glyph 的值-orientation-horizontal。

适用范围

除表格行组、行、列组和列之外的所有 HTML 元素。

DOM 语法

object.style.textOrientation =  mixed | upright | sideways ;

CSS 文本方向: 基本示例

以下示例演示如何使用文本方向属性:

<html>
<head>
<style>
   p {
      writing-mode: vertical-rl;
      text-orientation: upright;
   }
</style>
</head>
<body>
      <h2>文本方向</h2>
    <p>欢迎来到易学教程</p>
</body>
</html>