数値の計算式

数値の計算式について

幅や位置などCSSで指定できる数値に計算式を使用したい場合は、calc関数を使用します。
例えば、100%から20pxを引いた値を横幅として設定する場合などで活躍できる関数です。

• ※ IE8以下やAndroid4.3以下では動作しません。

【構文】

							calc(計算式)
						

使用可能な演算子

演算子	説明
+	加算
-	減算
*	乗算
/	除算

サンプルコード

div.sample { width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); }