CSSで計算式で値を指定する方法 (calcファンクション)
2017/06/22 「100%から4pxを引いた数を設定したい」など、計算式を値に設定したい場合は、calc関数を利用します。 サンプルコードcalc()の括弧内に計算式を指定します。演算記号の左右には半角スペースを入れる必要があります。 div { width: calc( 100% - 50px ) ; }デモ%とpxの組み合わせ「100%から50pxを引いた数値」をwidthプロパティに指定する例です。このように具体的に指定できない値を算出できるのが特徴です。 <!-- このコードは編集できます。 --> <!DOCTYPE html> <html> <head> <style> div { width: calc( 100% - 50px ) ; background: peachpuff ; } </style> </head> <body> <div>100%から50px引い
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5.JP - 次世代HTML標準 HTML5情報サイト
