【実務で使えるツール紹介】 Can I use...

2018.07.16

「Chromeではちゃんと表示されているのに、IE11ではCSSが効いていない・・・なんで?」こんな経験ありませんか?CSSのプロパティやHTMLのタグは、全ブラウザで使えるものと、そうでないものがあります。そんなときに使えるのが、「Can I use...」です。CSS3プロパティやHTML5のタグのブラウザサポートを調べられるオンラインツールです。 caniuse たとえば、文字にグラデーションをかけるときに用いるlinear-gradientというCSSプロパティを調べてみると・・・caniuse緑色の部分はサポートされているところなのですが、黄緑色のところは部分的なサポート、赤はサポートしていない、つまりプロパティが使えないということを表しています。そのため、この場合、Opere miniではlinear-gradientを適用できないということなので、ハックを使って別のスタイルを効かせるなどの対応が必要になるということになります。「このプロパティ、全ブラウザで使えるのかな?」と思ったら、 Can I use...で調べるクセをつけておくと良いですね!