---
title: CSSValue
slug: Web/API/CSSValue
tags:
  - API
  - CSS
  - CSSValue
  - 参考
  - 接口
translation_of: Web/API/CSSValue
---
<div>{{APIRef("DOM")}}</div>

<div><code>CSSValue</code> 接口表示经过计算的当前 CSS 属性值。</div>

<h2 id="属性">属性</h2>

<dl>
 <dt>{{domxref("CSSValue.cssText")}}</dt>
 <dd>{{domxref("DOMString")}} 代表当前值。</dd>
 <dt>{{domxref("CSSValue.cssValueType")}} {{readonlyInline}}</dt>
 <dd>一个 <code>unsigned short</code> 类型的数据用来定义了值的类型。 可取值为：
 <table class="standard-table">
  <tbody>
   <tr>
    <td class="header">值</td>
    <td class="header">说明</td>
   </tr>
   <tr>
    <td><code>CSS_CUSTOM</code></td>
    <td>该值是一个自定义值。</td>
   </tr>
   <tr>
    <td><code>CSS_INHERIT</code></td>
    <td>该值是继承来的值，并且它的 <code>cssText</code> 属性值中包含<code>"inherit"</code>。</td>
   </tr>
   <tr>
    <td><code>CSS_PRIMITIVE_VALUE</code></td>
    <td>该值是一个原始值，并且是 {{domxref("CSSPrimitiveValue")}} 接口的一个实例，可以通过绑定特殊的构造方法在这个CSSValue接口的这个实例来获得。</td>
   </tr>
   <tr>
    <td><code>CSS_VALUE_LIST</code></td>
    <td>该值是一个 <code>CSSValue</code> 列表，是{{domxref("CSSValueList")}} 接口的一个实例，可以通过绑定特殊的构造方法在这个CSSValue接口的这个实例来获得。</td>
   </tr>
  </tbody>
 </table>
 </dd>
</dl>

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

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">规范</th>
   <th scope="col">状态</th>
   <th scope="col">备注</th>
  </tr>
  <tr>
   <td>{{SpecName('DOM2 Style', 'css.html#CSS-CSSValue', 'CSSValue')}}</td>
   <td>{{Spec2('DOM2 Style')}}</td>
   <td>Initial definition</td>
  </tr>
 </tbody>
</table>

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

<div class="hidden">这个页面的兼容性表格是由结构数据生成。如果你想对数据作出贡献，详情请前往 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> 并给我们一个PR。</div>

<p>{{Compat("api.CSSValue")}}</p>

<h2 id="参见">参见</h2>

<ul>
 <li>{{domxref("CSSPrimitiveValue")}}</li>
 <li>{{domxref("CSSValueList")}}</li>
</ul>