[CSS] calcとは?

0

CSSの記述にある、calcについて説明します。

[CSS] calcとは?

calcとは英語でcalculation の略で計算、演算という意味があります。

その名称からも想像できるように、計算式を入れ込みwidthの幅などを指定することができます。

例えば、上記の例では横幅100%から100pxを差し引いた分がboxクラスの横幅として算出されます。

See the Pen NMdgvX by code-school (@code-school) on CodePen.

マイナスだけでなく、例えば要素を全体から3分割にしたい場合は、

のように記述もできます。








 

About Author

Comments are closed.