読者です 読者をやめる 読者になる 読者になる

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で試してみるとこのように見えます⇩  )

f:id:tech-master:20161226143831p:plain