こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 今回のテーマはContainer Queriesです。 Container Queriesは、祖先要素として存在するコンテナのスタイルに応じてCSSを適用するための機能です。利用時は@containerで宣言します。 従来でも ...

CSSのコンテナクエリとは、親コンテナに基づいてスタイルを定義できるCSSの新機能です。これによりコンポーネントを複数のコンテクストで使用でき、コンポーネント単位の実装も簡単になります。 2023年2月14日にFiref […] ...

コンテナ要素に基づいた単位がすべてのブラウザで使用できるようになりました。 <div class="container"> <div class="item">A cool ...

ミカと教授の HTML & CSS「コンテナと中央寄せ」冒険記 ミカ「教授〜！助けてください！私の作ったWebページ、要素たちが大運動会してるんです。左に走る、右に逃げる、自由すぎてデザインになりません！」 教授「ふむ…それは“器”がないからじゃな。

Maarten Van Hoof, senior front-end developer at iO, recently explained at Devoxx Belgium how CSS container queries facilitate modular, component-based responsive web applications. With container ...