例
使用するcalc()の幅を計算するため<div>要素を:
#div1 {
position: absolute;
left: 50px;
width: calc(100% -
100px);
border: 1px solid black;
background-color: yellow;
padding:
5px;
text-align: center;
}
»それを自分で試してみてください 定義と使用法
calc()関数は、プロパティの値として使用する演算を行います。
バージョン: | CSS3 |
---|
ブラウザのサポート
表中の数字は完全に機能をサポートする最初のブラウザのバージョンを指定します。
-webkit-続い番号、-moz-、または接頭辞で働いていた最初のバージョンを指定して-O-です。
関数 | |||||
---|---|---|---|---|---|
calc() | 26.0 19.0 -webkit- | 9.0 | 16.0 4.0 -moz- | 7.0 6.0 -webkit- | 15.0 |
CSSの構文
calc( expression )
値 | 説明 |
---|---|
expression | 必須。 数学的な表現。 結果の値として使用されます。 次の演算子を使用することができます:+ - * / |
<CSS関数リファレンス