今回は、要素の幅や高さなどを足し算、引き算などの計算式を使って指定できるcalc()関数の使い方について紹介していきます。 calc関数が使えるようになると、pxや%など異なる単位を使って幅を計算・指定することができるようになります。
|
.sample{ width: calc(100% - 40px); height: calc(300px + 20vw); } |
CSSのcalc()関数とは? CSSのcalc()関数の意味と概要 calc()関数は、CSSで数学の四則演算(足し算・引き算・掛け算・割り算)を可能にする関数です ...