---
title: <angle-percentage>
slug: Web/CSS/angle-percentage
tags:
  - CSS
  - CSS Data Type
  - Data Type
  - Reference
  - 자료형
translation_of: Web/CSS/angle-percentage
---
<div>{{CSSRef}}</div>

<p><a href="/ko/docs/Web/CSS">CSS </a><strong><code>&lt;angle-percentage&gt;</code></strong> <a href="/ko/docs/Web/CSS/CSS_Types">자료형</a>은 {{cssxref("&lt;angle&gt;")}}과 {{cssxref("&lt;percentage&gt;")}} 모두 가능한 값을 나타냅니다.</p>

<h2 id="구문">구문</h2>

<p>{{cssxref("&lt;angle&gt;")}}과 {{cssxref("&lt;percentage&gt;")}} 문서에서 각 자료형의 구문을 살펴보세요.</p>

<h2 id="calc에서_사용하기"><code>calc()</code>에서 사용하기</h2>

<p><code>&lt;angle-percentage&gt;</code>를 사용할 수 있는 곳이라면 백분율이 각도로 계산되므로, 이 자료형도<code> </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>