CSSで計算式を可能にする,calc()ファンクション

.sample{
width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% – 20px) ;
width : calc(100% – 20px) ;
}

この場合、対応ブラウザ以外には98%が適用され、
calc()ファンクションに対応する環境では100%から-20pxの幅が適用される。

CSSで計算式を可能にするcalc()ファンクション
CSS3の計算式を可能にする便利なcalc()ファンクションを紹介。サポート状況や使い方について。

コメント

タイトルとURLをコピーしました