The <length-percentage>
CSS data type represents a value that can be either a length
or a percentage
.
The <length-percentage>
CSS数据类型表示一个值,该值可以是<length>或<percentage>。
Syntax
Refer to the documentation for length
and percentage
for details of the individual syntaxes allowed by this type.
Use in calc()
Where a <length-percentage>
is specified as an allowable type, this means that the percentage resolves to a length and therefore can be used in a calc()
expression. Therefore, all of the following values are acceptable for width
:
width: 200px; width: 20%; width: calc(100% - 200px);
Specifications
Specification | Status | Comment |
---|---|---|
CSS Values and Units Module Level 4 <length-percentage> |
Editor's Draft | |
CSS Values and Units Module Level 3 <length-percentage> |
Candidate Recommendation | Defines <length-percentage> . Adds calc() |
Browser compatibility
BCD tables only load in the browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.