---
title: StyleSheet
slug: Web/API/StyleSheet
tags:
  - Интерфейсы
  - Объектная модель CSS
  - Референсы
  - Таблицы стилей
translation_of: Web/API/StyleSheet
---
<div>{{APIRef("CSSOM")}} Объектная модель CSS</div>

<p>Объект, реализующий интерфейс <code>StyleSheet</code>, представляет отдельную таблицу стилей. Таблица стилей CSS далее будет представлена более специализированным интерфейсом  {{domxref("CSSStyleSheet")}}.</p>

<h2 id="Properties" name="Properties">Свойства</h2>

<dl>
 <dt>{{domxref("StyleSheet.disabled")}}</dt>
 <dd>Свойство имеет тип {{domxref("Boolean")}}, принимающий одно из двух значений и определяющий, применяется или нет текущая таблица стилей.</dd>
 <dt>{{domxref("StyleSheet.href")}} {{readonlyInline}}</dt>
 <dd>Свойство возвращает строку {{domxref("DOMString")}}, указывающую расположение таблицы стилей. Свойство не изменяется.</dd>
 <dt>{{domxref("StyleSheet.media")}} {{readonlyInline}}</dt>
 <dd>Свойство содержит список медиа-установок{{domxref("MediaList")}} таблицы стилей и определяет медиа-устройства, для отображения на которых предназначена данная таблица. Свойство не изменяется.</dd>
 <dt>{{domxref("StyleSheet.ownerNode")}} {{readonlyInline}}</dt>
 <dd>Свойство возвращает ссылку на объект (узел){{domxref("Node")}}, ссылающийся на данную таблицу стилей текущего документа. Свойство не изменяется.</dd>
 <dt>{{domxref("StyleSheet.parentStyleSheet")}} {{readonlyInline}}</dt>
 <dd>Свойство возвращает ссылку на родительскую таблицу стилей {{domxref("StyleSheet")}}, включаюущую данную таблицу стилей; если таковой нет, возвращает значение <code>null</code>. Свойство не изменяется.</dd>
 <dt>{{domxref("StyleSheet.title")}} {{readonlyInline}}</dt>
 <dd>Свойство возвращает строку {{domxref("DOMString")}}, указывающую на заголовок  текущей таблицы стилей. Свойство не изменяется.</dd>
 <dt>{{domxref("StyleSheet.type")}}{{readonlyInline}}</dt>
 <dd>Свойство возвращает строку {{domxref("DOMString")}}, указывающую на язык, используемый таблицей стилей. Свойство не изменяется.</dd>
</dl>

<h2 id="Specification" name="Specification">Спецификации</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Спецификация</th>
   <th scope="col">Статус</th>
   <th scope="col">Комментарий</th>
  </tr>
  <tr>
   <td>{{ SpecName('CSSOM', '#stylesheet', 'StyleSheet') }}</td>
   <td>{{ Spec2('CSSOM') }}</td>
   <td>Без изменений с {{ SpecName('DOM2 Style') }}.</td>
  </tr>
  <tr>
   <td>{{ SpecName('DOM2 Style', 'stylesheets.html#StyleSheets-StyleSheet', 'StyleSheet') }}</td>
   <td>{{ Spec2('DOM2 Style') }}</td>
   <td>Первоначальное определение.</td>
  </tr>
 </tbody>
</table>

<h2 id="Браузерная_совместимость">Браузерная совместимость</h2>

<div class="hidden">
<p><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Таблица совместимости на этой странице создана на основе структурированных данных.</span></span> <span class="ChMk0b JLqJ4b"><span>Если вы хотите внести свой вклад в данные, посетите https://github.com/mdn/browser-compat-data и отправьте нам запрос на перенос.</span></span></span></p>
</div>

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

<h2 id="Смотрите_также">Смотрите также</h2>

<ul>
 <li>{{domxref("CSSStyleSheet")}}</li>
</ul>