2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

[CSS] text-combine-uprightプロパティで縦中横を指定しよう!

text-combine-uprightの評価
頻出度
(1.0)
重要度
(1.0)
総合評価
(1.0)




1.text-combine-uprightとは?

text-combine-uprightプロパティは日本語の縦書き文書の中で数文字の英数字などを1文字分のスペースに横書きする縦中横を指定します。

値の指定方法は以下の通りです。

{ text-combine-upright: 値; }

値の指定方法

  • none
  • all
  • digits 数値




2.text-combine-uprightの使い方

それではtext-combine-uprightの使い方をみていきましょう。

.text {
 writing-mode: vertical-lr;
 text-combine-upright: digits 2;
 font-size: 36px;
}

上記のようにすることで2 桁の数字を垂直テキスト内に収めることができます。

他にも値を設定できるのでいろいろと試してみることをお勧めします!




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です