CSS - calc()

トップ > CSSリファレンス > calc()

概要

形式calc(expression)
サポートC3 / e10 / Fx4(-moz) / Fx16 / Ch19(-webkit) / Ch26 / Op15 / Sa6(-webkit) / Sa7

説明

calc() を用いて、加算(+)、減算(-)、乗算(*)、乗算(/)の四則演算を行うことができます。% や px などの単位付きの数値も計算することができます。加算(+)や減算(-)の前後には空白が必要です。

使用例

CSS
.col3 {
  width: calc(100% * 3 / 12 - 10px);
}

リンク


Copyright (C) 2015 杜甫々
初版:2015年11月8日、最終更新:2016年8月29日
http://www.tohoho-web.com/css/value/calc.htm