2022年、注目しておきたいCSSの新機能のまとめ

2022年に注目しておきたいCSSの新機能を紹介します。いくつかの機能はすでに1つ以上のブラウザでサポートされており、他のブラウザもそれに続く予定です。 ビューポートではなく親コンテナに応じてスタイルを定義できる「コンテナクエリ」、詳細度とスタイルの順序を明示できる「カスケードレイヤー」、相対色構文が追加された「カラー関数」、Safariの100vhを解決する新しいビューポート単位「svh」など、今すぐにでも使用したい機能ばかりです。 Photo by Jr Korpa on Unsplash CSS in 2022 by Bramus 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 注目の新機能（クロスブラウザでサポート） まだ先の新機能（実験的/シングルブラウザでサポート） 停滞している新機能 Safariは「新し

[coliss]

2022年に注目しておきたいCSSの新機能。いくつかはすでに1つ以上のブラウザでサポートされており、他もそれに続く予定です。

[mohritaroh]

“Safariは「新しいIE6」”なんて言われてるのかー

[gyochan]

特定ブラウザの勝手な実装の差をCSS仕様側でどうにか吸収しようとするの、心の底から愚の骨頂と感じる

[pmint]

日本ではChromeよりもSafariが優先されるけど、いまだに「PCが中心だ」と思ってると、Safariを除外したくなる。

[OrionB312]

学生のときCSSであれこれするのめっちゃ楽しかったのにもう今となっては何もわからん

[Nyoho]

hasが早く使いたいと願って数年

[kno]

Safariが（）

[toblog]

Safariはマジでクソブラウザ

[ikkitang1211]

svh…笑 ありがたいけど…けど…

[toaruR]

::inner ::outer はまだか（´－｀）

[kappaseijin]

"7. CSS Gridのsubgrid" "9. メディアクエリで範囲を定義" いいね

[ryan_aircloset]

svhはほんとありがたいな。safariでもvhが使えるようになる。

[tmayuko312]

IEで対応したら起こして

[pot_au_feu]

あとで読みます。はい。

[otchy210]

コンテナクエリと :has は待ち遠しい。他はまあ…そんなに興味ない。

[kagioo2uma]

わー面白い　コンテナクエリと相対カラーは今すぐにでも使いたい

[kns_1234]

新しいCSS単位、カラー関数など

[mayumayu_nimolove]

あとで