CSS カスタムプロパティはパラメータの夢を見るか - Qiita

CSS カスタムプロパティはパラメータの夢を見るか - Qiita

CSS カスタムプロパティ（CSS 変数）についてちょっと調べたことがあったので、この場を借りてまとめて...概要を表示 CSS カスタムプロパティ（CSS 変数）についてちょっと調べたことがあったので、この場を借りてまとめておきます。 はじめに CSS はスタイルのプロパティ値を設定できても参照ができない。 たとえばボックスの height をテキストの行数で指定したくても、現在の line-height を参照することができないので calc() などで計算することはできず、あらかじめ算出した固定値を直接設定する必要がある。 CSS カスタムプロパティを使えば、意味付けされた値（変数）を定義し、複数のスタイルプロパティから参照したり、calc() での計算に用いることが可能になる。 .line-clump { /* １行の高さ */ --line-height: 1.5em; /* 単位付きのプロパティ値 */ /* 表示行数 */ --line-count: 3; /* 整数値 */ /*リーダ用文字列

• css
• あとで読む