2024年6月30日のブックマーク (1件)

  • 知らなかったCSSプロパティ 3選 - Qiita

    はじめに 意外と知らなかったCSSプロパティを3つ紹介します。 1. currentColor currentColor(CSS:カスケーディングスタイルシート) 特定の要素に指定されている色を参照するCSSプロパティです。 要素内の任意のプロパティで使用できますが、特にボーダーや背景などの色を親要素の色と同じにしたい場合に便利です。 currentColorの利点は、色の変更が親要素のcolorプロパティによって自動的に反映されるため、親要素のテキスト色を変更するとcurrentColorを使用している要素の色も新しい色に変更されることです。 使用例 .parent { color: red; border: 1px solid currentColor; /* テキストの色と同じ色(red) */ .child { color: currentColor; /* 親のテキストの色と同じ

    知らなかったCSSプロパティ 3選 - Qiita
    m-34river
    m-34river 2024/06/30