writing-mode に vertical-rl または vertical-lr などの縦書きを指定した場合の文字の表示方向を指定します。Internet Explorer ではサポートされていません。

mixed

英語などの横書き文字は90度回転させます。日本語などの縦書き可能文字はそのまま表示します。

sideways

英語などの横書き文字も、日本語などの縦書き可能文字も90度回転させます。

upright

英語などの横書き文字も、日本語などの縦書き可能文字もそのまま表示します。

.flex {
  display: flex;
}
.box {
  padding: .5rem;
  margin-right: .5rem;
  border: 1px solid #ccc;
  background-color: #fff;
  font-family: Consolas;
  writing-mode: vertical-rl;
}
.mixed { text-orientation: mixed; }
.sideways { text-orientation: sideways; }
.upright { text-orientation: upright; }

<div class="flex">
  <div class="box mixed">
    Example of mixed<br>色は匂へど<br>散りぬるを
  </div>
  <div class="box sideways">
    Example of sideways<br>色は匂へど<br>散りぬるを
  </div>
  <div class="box upright">
    Example of upright<br>色は匂へど<br>散りぬるを
  </div>
</div>

• writing-mode

• https://drafts.csswg.org/css-writing-modes-3/#text-orientation
• https://developer.mozilla.org/ja/docs/Web/CSS/text-orientation
• https://caniuse.com/#search=text-orientation