<percentage>

语法

百分比值由一个<number>具体数值后跟着%符号构成。在数值前可加上+号或者-号，但对所有属性来说其负值都是无效的。和所有的 CSS 度量值一样，在%符号和数值之间不允许有空格。

插值动画

使用 <percentage> 的值可以插值为动画。在这种情况下，它们被内插为实数或浮点数。插值的速度取决于与动画相关联的 timing function。

示例

作为 width 与 margin-left 的值的单位

<div style="background-color:#0000FF;">
  <div style="width:50%;margin-left:20%;background-color:#00FF00;">
    Width: 50%, Left margin: 20%
  </div>
  <div style="width:30%;margin-left:60%;background-color:#FF0000;">
    Width: 30%, Left margin: 60%
  </div>
</div>

以上 HTML 将输出：

作为 font-size 的值的单位

<div style="font-size:18px;">
  Full size text (18px)
  <span style="font-size:50%;">50%</span>
  <span style="font-size:200%;">200%</span>
</div>

以上 HTML 将输出：

规范

浏览器兼容性