2024-12

HTML CSS

CSS lh

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

CSS 変数

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

CSS ネスト

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

CSS コンテナクエリ@container

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