---
title: <angle-percentage>
slug: Web/CSS/angle-percentage
translation_of: Web/CSS/angle-percentage
---
<div> </div>

<div> </div>

<div>{{CSSRef}}</div>

<p><a href="/en-US/docs/Web/CSS">CSS数据类型</a> <strong><code>&lt;angle-percentage&gt;</code></strong><a href="/en-US/docs/Web/CSS"> </a>代表了一种既可以是 {{Cssxref("angle")}} ，也可以是{{Cssxref("percentage")}}的数据类型</p>

<p> </p>

<h2 id="语法">语法</h2>

<p>有关此类型的详细文档，请参阅 {{Cssxref("angle")}} 和 {{Cssxref("percentage")}} </p>

<h2 id="在calc()中使用这个类型">在calc()中使用这个类型</h2>

<p>当 <code>&lt;angle-percentage&gt;</code> 被正确定义后，它就代表了一个可以被 {{Cssxref("calc()")}} 表达式解析的角度 </p>

<h2 id="规范">规范</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('CSS4 Values', '#mixed-percentages', '&lt;angle-percentage&gt;')}}</td>
   <td>{{Spec2('CSS4 Values')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('CSS3 Values', '#mixed-percentages', '&lt;angle-percentage&gt;')}}</td>
   <td>{{Spec2('CSS3 Values')}}</td>
   <td>Defines <code>&lt;angle-percentage&gt;</code>. Adds <code>calc()</code></td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>



<p>{{Compat("css.types.angle-percentage")}}</p>