今年になってもCSSの進化が止まりません、むしろ加速しています! IEのサポートが終了し、CSSのさまざまな機能が使用できるようなりました。中でもCSSの変数(カスタムプロパティ)を使えるようになったのはありがたいですね。 参考: IEをサポート外にした時に使用できるCSSのプロパティや機能のまとめ そしてCSSの新機能として、単位を変数として使用できる「Variable Units(変数単位)」が登場しようとしています。 たとえば、--baseを8pxにし、4倍にしたい時はcalc(4 * (var(--base)))と記述していましたが、4--baseで32pxになります。 The Future of CSS: Variable Units by Bramus 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Var
![CSSは確実に進化している! 新機能、単位を変数として利用できる「Variable Units(変数単位)」](https://cdn-ak-scissors.b.st-hatena.com/image/square/83fa70a246058b17ba6ad39a3d290d6e62048e52/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202203%2F2022073001%402x.png)