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);
}

リンク