---
title: <time-percentage>
slug: Web/CSS/time-percentage
tags:
  - 值
  - 单位
  - 层叠样式表
translation_of: Web/CSS/time-percentage
---
<div>{{CSSRef}}</div>

<p><a href="/en-US/docs/Web/CSS/CSS_Types">CSS数据类型</a><code>&lt;time-percentage&gt; 的值</code>可以表示为时间或百分比。</p>

<h2 id="Syntax">Syntax</h2>

<p>有关此类型允许的各个语法的详细信息，请参阅{{Cssxref("time")}}和{{Cssxref("percentage")}}的文档。</p>

<h2 id="Use_in_calc()">Use in calc()</h2>

<p>如果将<code>&lt;time percentage&gt;</code>指定为允许的类型，这意味着该百分比解析为时间，因此可以在{{Cssxref("calc()")}}表达式中使用。</p>

<h2 id="Specifications">Specifications</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;time-percentage&gt;')}}</td>
   <td>{{Spec2('CSS4 Values')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('CSS3 Values', '#mixed-percentages', '&lt;time-percentage&gt;')}}</td>
   <td>{{Spec2('CSS3 Values')}}</td>
   <td>Defines <code>&lt;time-percentage&gt;</code>. Adds <code>calc()</code></td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Browser compatibility</h2>



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