CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化（階層化）でき、これまでのCSSの実装方法が大きく変わる ...

CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。Firefox 97（先月リリース）とChrome 99（3/1リリース）でサポートされ、そしてSafariでは次期バージョンでサポートされる予定です。 カスケードレイヤー@layerを使用すると ...

こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 CSS Modern Features、最終回となる今回のテーマはCascade Sorting Orderです。 CSS適用順序を構成する仕様の増加 突然ですが、 「⁠CSSの適用順序」 と言われると、どこまで説明できるでしょうか ...

米Googleは2月3日（現地時間）、「Google Chrome 99」のベータ版に追加された新機能を発表した。「Chrome 99」では、CSSカスケードレイヤー（CSS Cascade Layers）と、入力要素のピッカーをコードで呼び出す機能が新たにサポートされる。 CSSカスケードレイヤー CSS ...

米Googleは3月1日（現地時間）、デスクトップ向け「Google Chrome 99」を安定（Stable）チャネルへリリースしたと発表した。編集部ではまだ確認できていないが、間もなく展開が開始されるとみられる。 「Chrome 99」における変更点は、開発者向けの改善が中心。

CSS の Cascading に Layers という概念が追加された。 これまでのカスケードのソート順序は以下の判定基準に基づいてソートされていた（後述の方が優先される）。 出自と重要度（Origin and Importance） 文脈（Context） 要素に付されたスタイル（Element-Attached Styles ...

CSSが思い通りに反映されない原因であるカスケード、詳細度、継承の仕組みを初心者向けに解説します。スタイルの優先順位や適用ルールを理解することで、トラブルを効率的に解決できるようになります。CSS設計の基礎力を高めたい方に最適な内容です。

こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 今回取り上げるCSSの機能はScoped Stylesです。 Scoped Stylesは@scope At-Rulesを用いて、CSSの適用範囲を従来よりも細かく絞り込んで制御するための機能です。CSSではカスケードの都合上 ...