---
title: CSS Object Model (CSSOM)
slug: Glossary/CSSOM
tags:
  - CSS
  - CSSOM
  - DOM
  - Glossary
  - Web Performance
translation_of: Glossary/CSSOM
---
<p><strong>CSS Object Model (CSSOM)</strong> とは、すべての CSS セレクターとそれぞれのセレクターに関連するプロパティを、ルートノード、兄弟、子孫、子、その他の関係からなるツリーの形に変換したものです。CSSOM は、{{glossary('DOM', 'Document Object Model (DOM)')}} とよく似ています。それらの両方は、ウェブサイトを適切にレンダリングするために必ず発生する一連のステップである、クリティカルレンダリングパスの一部です。</p>

<p>CSSOM は、DOM とともに、レンダリングツリーを構築し、さらにブラウザーによってウェブページをレイアウトし描画するために使用されます。</p>

<h3 id="CSSOM_API" name="CSSOM_API">CSSOM API</h3>

<p><a href="/ja/docs/Web/API/CSS_Object_Model">CSS Object Model</a> は JavaScript に CSS の操作を許可する API のセットでもあります。それは HTML よりもむしろ CSS のための DOM のようなものです。それによってユーザーは CSS のスタイルを動的に読み取ったり変更したりできます。</p>

<h2 id="See_Also" name="See_Also">関連情報</h2>

<ul>
 <li><a href="/ja/docs/Web/Performance/How_browsers_work">ページの生成：ブラウザーはどのように動作するか</a></li>
</ul>