HTML CSS

CSS lhとは？lhは比較的新しいCSS単位で、要素の行の高さ（line-height）を基準にした相対的な長さを指定するために使用されます。lhは現在の要素の計算された行の高さに等しくなります。フォントサイズや行の高さが変わっても、それ...

CSS 変数CSS変数（カスタムプロパティ）とはCSS変数は、値を1か所で定義し、それを複数の場所で再利用できる便利な機能です。 <div class="container"> <div class="card"> <h2 class="c...

CSS ネスト　入れ子CSSのネストは、CSSプリプロセッサ（Sass、Less）で一般的でしたが、最近のCSSでネイティブにサポートされるようになりました。これにより、セレクタを入れ子にして、より読みやすく、構造的なCSSを書くことができ...

CSS コンテナクエリコンテナクエリとは従来のメディアクエリーとは異なり、ビューポートではなく、特定のコンテナ要素のサイズに基づいてスタイルを変更できます。以下はコンテナクエリの具体例です。 <div class="card-contain...

CSS　:has():has()の主な特徴とは？子要素や子孫要素の存在に基づいて親要素をスタイリングできる複数の条件を組み合わせることが可能否定セレクター:notと組み合わせることもできるレスポンシブデザインでの条件分岐にも活用できる以下は...

CSS clamp()関数の使い方clamp()の基本構文は？font-size: clamp(1rem, 2vw + 1rem, 2rem);最小値（１rem)より小さくならない。推奨値2vw+1remでビューポイントに応じて変化最大値２...

CSS サブグリッドサブグリッドとは、親グリッドアイテムの中に作られる子グリッドですgrid-template-columns: subgridまたはgrid-template-rows: subgridで指定します親グリッドのトラックサイ...

論理プロパティとは？論理プロパティは、CSSにおける比較的新しい概念で、文書の書字方向や読み取り方向に応じて適切に動作するプロパティです。マージン関連:margin-inline-startmargin-inline-endmargin-b...