CSSの対応状況が分かるサイト「Can I use…」

このCSSプロパティ、このブラウザで使える？

CSS3で新しいプロパティが出てきたり、様々なモバイル対応ブラウザが出てきたりと、プロパティの対応状況を把握するのが困難になってきた。

例えば最近、background-sizeプロパティについて調べたい事があった。
どのブラウザに対応しているのか、色々なサイトを行きつ戻りつ検索するのは非常に面倒である。

そこで見つけたのがこちらのサイト、「Can I use…」だ。

Can I use… Support tables for HTML5, CSS3, etc

調べたいCSSプロパティを入力するだけ

例えば「background-size」と入力すると、各ブラウザの対応状況が一目瞭然。AndroidやBlackberryのブラウザまで調べられるのが良い。

結果をenbedして外部サイトに貼り付ける事も出来る。（だが、上手く表示されないようだ…）

例）background-sizeで作成した場合

最近のHTML本でも取り上げられていた

こちらの記事で紹介したHTMLの本でも、Can I use…が紹介されていた。

お手元にお持ちの方のためにいうと、P225とP268に掲載されている。

Webと本の人 Webooker （ウェブッカー）

フリーランス Webデザイナー・グラフィックデザイナー

2009年からIT業界に。
WebデザイナーとしてITベンチャー企業、SaaS企業、Web制作会社に勤務。
2016年11⽉より独⽴し、フリーランスのWebデザイナー、グラフィックデザイナーとして活動
2024年1月から大阪のシステム会社に勤務し、フリーランスとの二足のわらじで現在に⾄る。 2子の親。フルリモートワーク。