<length-percentage>CSSデータ型で、 length または <percentage> が取りうる値を表します。

構文

この型に利用できる個々の構文の詳細は、 length および <percentage> の文書を参照してください。

calc() での使用

許可されている型として <length-percentage> が指定されているところでは、これはパーセント値が長さとして解決されるので、 calc() の式で利用することができます。したがって、以下のすべての値が width で利用できます。

width: 200px
width: 20%
width: calc(100% - 200px)

仕様書

仕様書 状態 備考
CSS Values and Units Module Level 4
<length-percentage> の定義
編集者草案  
CSS Values and Units Module Level 3
<length-percentage> の定義
勧告候補 <length-percentage> を定義。 calc() を追加

ブラウザーの対応

No compatibility data found. Please contribute data for "css.types.length-percentage" (depth: 1) to the MDN compatibility data repository.

ドキュメントのタグと貢献者

このページの貢献者: mdnwebdocs-bot, mfuji09
最終更新者: mdnwebdocs-bot,