calc() ファンクション

　calc() ファンクションは、計算によって値を取得することができる CSS のファンクションです。

　数値が使用できるのはもちろんですが、その他に CSS の長さに関する値、角度、時間、%、周波数が使用できます。

　以下は、calc() ファンクションによってエレメントの幅を調整する例です。

<div class="example">
	<p>Example text.</p>
</div>

<style>
	div.example{
		width: calc( 100% - 30px );
		background-color: green;
	}
</style>

　この例は、親エレメントの幅と同じ 100% から 30px 引いた値をエレメントの幅に指定しています。

　多くの場合は、エレメントの幅と高さを指定する width、height、min-width、max-width、min-height、max-height で使用されます。