Skip to content

Instantly share code, notes, and snippets.

@geckotang
Created December 7, 2015 13:02
Show Gist options
  • Save geckotang/69be59f50989c5aac0f1 to your computer and use it in GitHub Desktop.
Save geckotang/69be59f50989c5aac0f1 to your computer and use it in GitHub Desktop.
プロパティ名 Chrome Safari Firefox Edge IE
writing-mode △*1 △*1 △*2
text-orientation △*3 - ○*4 - -
text-combine-upright △*5 △*5 - △*6 △*6
  • *1 接頭辞が必要
  • *2 接頭辞が必要、旧プロパティ値で実装
  • *3 接頭辞が必要、sidewaysをサポートしない
  • *4 接頭辞が必要、sidewaysはFirefox v44からサポート予定
  • *5 古い仕様である-webkit-text-combineとして実装
  • *6 古い仕様である-ms-text-combine-horizontalとして実装
@myakura
Copy link

myakura commented Dec 7, 2015

*1 接頭辞が必要

Chromeは48で接頭辞とれました。CSS.supports('writing-mode', 'vertical-rl')true を返します。

*3 接頭辞が必要、sidewaysをサポートしない

48で接頭辞なしのものがサポート、sidewaysも CSS.supports() 的にはサポートしてるみたい(挙動未確認)

*5 古い仕様である-webkit-text-combineとして実装

48で text-combine-upright がサポートされてます。挙動はちゃんとしてるかどうか未確認。

@myakura
Copy link

myakura commented Dec 7, 2015

writing-modesideways-rlsideways-lr って値がけっこう最近追加されたんですが、Cr48では未サポートっぽい。

@myakura
Copy link

myakura commented Dec 7, 2015

Chrome 48、text-combine-upright: digits 系には未対応。all だけサポート。

@geckotang
Copy link
Author

48で接頭辞なしのものがサポート、sidewaysも CSS.supports() 的にはサポートしてるみたい(挙動未確認)

49でtext-orientation: sideways;に対応しているのを確認しました

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment