位置決めもサイズ計算もCSSだけで。「State of CSS 2026」で見る注目機能と軽量フレームワーク - レバテックLAB

執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に『「独習」シリーズ』、『改訂新版 これからはじめるReact実践入門』、『改訂3版 JavaScript本

[spray_donuts_3co]

アコーディオンがcss化！アンカーリンクへのスムーススクロールとか、以前はjs頼みだったものがcss標準になってくれる流れはありがたい。

[nilab]

「Anchor Positioning：JavaScriptに頼らずに位置決め」「calc-size()：サイズ指定キーワードを使ったサイズ計算」「Gap Decoration：ギャップ装飾の新しい方法」「accent-color：UI要素にアクセントカラーを指定できる」

[portal18]

"チェックボックスがチェックされたら高さを自動計算して設定するといった具合です。" これはすでにGoogleがやっている。 https://www.google.com/httpservice/retry/enablejs (ソースをみると...) / とはいえほかの機能も便利。

[nguyen-oi]

Anchor Positioningとかcalc-size()便利そう。JS頼みだったUI制御がCSSだけで完結するのは胸熱