---
title: StylePropertyMap
slug: Web/API/StylePropertyMap
tags:
  - API
  - 参考
  - 接口
translation_of: Web/API/StylePropertyMap
---
<p>{{APIRef("CSS Typed Object Model API")}} {{SeeCompatTable}}</p>

<p><a href="/zh-CN/docs/Web/API/CSS_Typed_Object_Model_API">CSS 类型对象模型 API</a> 的 <strong><code>StylePropertyMap</code></strong> 接口提供了 CSS 声明块的表示，该声明块可以替代 {{DOMxRef("CSSStyleDeclaration")}}。</p>

<p>{{InheritanceDiagram}}</p>

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

<p><em>从其父级 {{DOMxRef("StylePropertyMapReadOnly")}} 继承属性。</em></p>

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

<p><em>从其父级 {{DOMxRef("StylePropertyMapReadOnly")}} 继承方法。</em></p>

<dl>
 <dt>{{DOMxRef( "StylePropertyMap.append()")}}</dt>
 <dd>使用给定的属性和值向 <code>StylePropertyMap</code> 添加新的 CSS 声明。</dd>
 <dt>{{DOMxRef( "StylePropertyMap.clear()")}}</dt>
 <dd>删除 <code>StylePropertyMap</code> 中的所有声明。</dd>
 <dt>{{DOMxRef( "StylePropertyMap.delete()")}}</dt>
 <dd>使用给定属性删除 CSS 声明。</dd>
 <dt>{{DOMxRef( "StylePropertyMap.set()")}}</dt>
 <dd>使用给定属性更改 CSS 声明。</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("CSS Typed OM", "#stylepropertymap", "StylePropertyMap")}}</td>
   <td>{{Spec2("CSS Typed OM")}}</td>
   <td>Initial definition.</td>
  </tr>
 </tbody>
</table>

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



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