Skip to content

Instantly share code, notes, and snippets.

@maepon
Last active September 4, 2018 07:46
Show Gist options
  • Save maepon/a67c4d79ef8d65244f0d to your computer and use it in GitHub Desktop.
Save maepon/a67c4d79ef8d65244f0d to your computer and use it in GitHub Desktop.
「テキスト周りのスタイリングに使えるCSSプロパティやスニペット」のブラウザ対応状況の整理

テキスト周りのスタイリングに使えるCSSプロパティやスニペット | NxWorldがいい感じだったのでざっくりCanIuseでしらべてみた。

※ 「基本問題なし」と書いているのはIE8以降/Android4.1/iOS8以降なら大体問題無いでしょうという意味です。

http://caniuse.com/#search=font-smoothing

  • MacOSのFirefox/Chromeのみ
  • 要prefix

http://caniuse.com/#search=%3A%3Aselection

  • iOSのSafari以外OK
  • Firefoxは要prefix
  • IEは10以降(要prefix)

http://caniuse.com/#search=user-select

  • 全て要prefix(IEは10以降)

http://caniuse.com/#search=letter-spacing

  • 基本問題なし
  • IE8は一部対応(バグあり)
  • 基本問題なし
  • 基本問題なし
  • 基本問題なし
  • 基本問題なし
  • 基本問題なし

http://caniuse.com/#search=word-wrap

  • 基本問題なし
  • 基本問題なし
  • 最近は日本語でもOK
  • 基本問題なし
  • IE8以外基本問題なし
  • IE9は要prefix、Safariも現行のひとつ前が要prefix

※ text-shadow

http://caniuse.com/#search=text-shadow

  • IE10以降
  • 他は問題なし
  • おそらくIE9以下はなにも表示されないかと
  • 他は基本問題なし
  • デスクトップのChromeとSafari向けと割り切るぐらいがいいかと(iOS9のSafariは大丈夫っぽいですが)
  • 基本問題なし

http://caniuse.com/#search=column

  • IE10以降問題なし
  • 要prefix

http://caniuse.com/#search=writing-mode

  • IEは8以降対応済み(ただし、指定の記述に注意)
  • webkit,blink系は要prefix
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment