気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
CSSの@supportsを使ってCSSのみでスタイルの条件分岐をする方法
315 users
www.webcreatorbox.com
www.webcreatorbox.com
www.webcreatorbox.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
CSSの@supportsを使ってCSSのみでスタイルの条件分岐をする方法Webブラウザーによって表示可能なCSSが異... CSSの@supportsを使ってCSSのみでスタイルの条件分岐をする方法Webブラウザーによって表示可能なCSSが異なるのは、よく知られていることです。例えばChromeやSafariでは問題なく表示される filter は、Internet Explorerではうまく表示されず、別のスタイルを用意しなければいけません。今回は @supports を使って対応しているプロパティー別にスタイルを変更してみましょう。 @supports とは？指定した (プロパティー:値) の条件に対応しているブラウザーには {} 内に書かれたスタイルを適用するよ、というもの。新しいスタイルの書き方に対応しているブラウザーにはそれを、対応していないブラウザーには従来の書き方で、かつ見栄えの崩れないようにコンテンツを提供できるよう、CSS を記述していけます。「プログレッシブエンハンスメント」というやつですね
www.webcreatorbox.com
www.webcreatorbox.com
www.webcreatorbox.com
www.webcreatorbox.com
msknmr.hatenablog.com
qiita.com/WdknWdkn
www.oml.city.osaka.lg.jp
www.nhk.jp
note.com/ta1m1kam
blog.3qe.us
zenn.dev/iwatagumi
speakerdeck.com/tchov
www.famitsu.com
www.watch.impress.co.jp
note.com/npaka
lives-withthreechildren.com
engineers.ntt.com
inside.pixiv.blog
cybozushiki.cybozu.co.jp
studyhacker.net
2015/10/27 リンク