CssのWriting Modes

24ways.org

CssのWritingModeというプロパティに関して勉強します。

文字組み(Writing System)には、4つのWriting Modeがあります。

1. Latain-based systems ( 英語など... )

2. Arabic-based systems  ( アラビア文字など... )

3. Han based systems ( 中国語、日本語、韓国語など... )

4. Mongolian-based systems ( モンゴル文字など... )

writing-modeには、ベンダープレフィックスがあります。

-webkit-writing-mode: ◎

-ms-writing-mode: ◎

writing-mode: ◎

writing-modeの特徴 →  floatのように高さがなくなる?次の要素と同じ高さになる。

例 1 )

```

   writing-mode: vertical-rl; (縦にする)

transform: rotate(180deg); (180度角度が変わる)

   text-orientation: upright; (文字間隔が広くなる)

    text-transform: uppercase;(大文字にする)

```

(  Hatena Blogで試してみるとこのように見えます⇩  )