CSS擬似クラスの:has()を使用して子孫の存在を条件に要素をセレクトする
/ CSS:has()擬似クラスで子孫を検索できる
CSS
コンテナクエリーのcqwの使い方
/ CSScqw, cqhとは？ cqw、cqhは、コンテンツサイズを参照する単位です。 コンテンツクエリ―単位はコンテンツサイズを参照する単位です。font-size: 4cqw; みたいに使います。 使い方 親コンテナをクエリ […]
コンテナクエリーを使用してコンテンツ幅でレスポンシブする方法
/ CSSコンテナのサイズでクエリーが動く
Counter()関数を使用してCSSだけカウントアップできる
/ CSSカウントアップする機能をCSSを用いて表現できます。順序付きリストのようなものです。 使い方 Using CSS counters 001 002 003 p要素の手前の数値がインクリメントされていますね。 ol,li要 […]
CSSではQuotesを使用して引用符の記号をカスタマイズできます
/ CSS引用符を付加できるCSSがあります Quotesの使い方 content: open-quote;で開いて、content: close-quote; で閉じます。 quotes: values; で、引用符の記号を変更 […]
CSSのContainを利用して要素の封じ込めスタイルを理解する
/ CSSContainment（封じ込め）というプロパティがあるようだ contain: content; 親要素に、contain: content; を設定すると、子要素がはみ出さないように制御される。 親要素のサ […]
Box-Sizingを理解してボーダー幅のはみ出しを抑える方法
/ CSSbox-sizing: border-box は、横幅していのとき、border幅とpadding幅が含まれます。
CSSを使用して磁石が吸い付くように区切りよくスクロールさせる方法
/ CSSスクロールするとちょうど良き所で止まる方法