CSS変数についての対応状況のメモ | 鈍色スイッチ

ウェブサイト関連 / テクノロジ色々 / ブログ関連 / プログラミング色々 2017年7月14日 2018年1月12日

Web制作がめっちゃ捗る！CSS変数の基礎と実践テクニック - WPJ

https://www.webprofessional.jp/practical-guide-css-variables-custom-properties/

進化し続けるCSSの仕様の中でも使い勝手がいいのが、CSS変数。キーカラーやサイズなど、あとから修正するのが面倒な要素はCSS変数を使って工数を減らし、ストレスを軽減しましょう。 SassやLessなどのプリプロセッサーは、CSSのコードベースを、メンテナンスしやすい整った状態にするのに役立ちます。変数、mixin（ミックスイン）、loop（ループ）などCSSコーディングに動的な機能を追加すると、…

を読んで、どのブラウザがCSSのカスタム変数に対応しているのか疑問に思いましたので、Can I useで確かめてみることにしました。

広告

Can I useのCSS変数に関するページ

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

http://caniuse.com/#feat=css-variables

です。この記事が古くなっても、CanIUseが更新され続けるならば、多分リンク先にはきちんと対応状況が表示されているはずだと思います。

調べた結果

　IE最新版がいい感じにアウトでした。Edgeも一部あれのようです。
　Edgeへのきりかえはもう少しかかるでしょうから、まだ常用とするには難しいみたいです。便利だろうなあ、とは思うのですけれど…。

広告

関連コンテンツと広告

コメントを残すコメントをキャンセル