diff options
Diffstat (limited to 'files/ru/web/api/cssstyledeclaration/index.html')
-rw-r--r-- | files/ru/web/api/cssstyledeclaration/index.html | 103 |
1 files changed, 103 insertions, 0 deletions
diff --git a/files/ru/web/api/cssstyledeclaration/index.html b/files/ru/web/api/cssstyledeclaration/index.html new file mode 100644 index 0000000000..b82c28990e --- /dev/null +++ b/files/ru/web/api/cssstyledeclaration/index.html @@ -0,0 +1,103 @@ +--- +title: CSSStyleDeclaration +slug: Web/API/CSSStyleDeclaration +tags: + - API + - CSSOM + - Interface + - NeedsCompatTable + - NeedsMarkupWork + - NeedsTranslation + - Reference + - TopicStub +translation_of: Web/API/CSSStyleDeclaration +--- +<p>{{ APIRef("CSSOM") }}</p> + +<p>Интерфейс <strong><code>CSSStyleDeclaration</code></strong> представляет объект, являющийся блоком объявления CSS, и предоставляет информацию о стиле и различные связанные со стилем методы и свойства.</p> + +<p>Объект <code>CSSStyleDeclaration</code> может быть представлен с помощью трех различных API:</p> + +<ul> + <li>Через {{domxref ("HTMLElement.style")}}, который имеет дело с встроенными стилями одного элемента (например, <div style="...">).</li> + <li>Через API {{domxref("CSSStyleSheet")}}. Например, <code>document.styleSheets[0].cssRules[0].style</code> возвращает объект <code>CSSStyleDeclaration</code> для первого правила CSS в первой таблице стилей документа.</li> + <li>Через {{domxref ("Window.getComputedStyle ()")}}, который предоставляет объект <code>CSSStyleDeclaration</code> в качестве интерфейса только для чтения.</li> +</ul> + +<h2 id="Аттрибуты">Аттрибуты</h2> + +<dl> + <dt>{{domxref("CSSStyleDeclaration.cssText")}}</dt> + <dd>Текстовое представление блока объявления. Установка этого атрибута изменяет стиль.</dd> + <dt>{{domxref("CSSStyleDeclaration.length")}} {{readonlyInline}}</dt> + <dd>Количество свойств. Смотри ниже метод {{domxref("CSSStyleDeclaration.item()", 'item()')}} .</dd> + <dt>{{domxref("CSSStyleDeclaration.parentRule")}} {{readonlyInline}}</dt> + <dd>Содержащееся {{domxref("CSSRule")}}.</dd> +</dl> + +<h2 id="Методы">Методы</h2> + +<dl> + <dt>{{domxref("CSSStyleDeclaration.getPropertyPriority()")}}</dt> + <dd>Возвращает необязательный приоритет "important".</dd> + <dt>{{domxref("CSSStyleDeclaration.getPropertyValue()")}}</dt> + <dd>Возвращает значение свойства, заданное именем свойства.</dd> + <dt>{{domxref("CSSStyleDeclaration.item()")}}</dt> + <dd>Возвращает имя свойства.</dd> + <dt>{{domxref("CSSStyleDeclaration.removeProperty()")}}</dt> + <dd>Удаляет свойство из блока объявления CSS.</dd> + <dt>{{domxref("CSSStyleDeclaration.setProperty()")}}</dt> + <dd>Изменяет существующее свойство CSS или создает новое свойство CSS в блоке объявления.</dd> + <dt>{{domxref("CSSStyleDeclaration.getPropertyCSSValue()")}} {{obsolete_inline}}</dt> + <dd>Поддерживается только через getComputedStyle в Firefox. Возвращает значение свойства в виде {{ domxref ("CSSPrimitiveValue")}} или <code>null</code> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties">для сокращенных свойств.</a></dd> +</dl> + +<h2 id="Example" name="Example">Пример</h2> + +<pre class="brush: js">var styleObj = document.styleSheets[0].cssRules[0].style; +console.log(styleObj.cssText); + +for (var i = styleObj.length; i--;) { + var nameString = styleObj[i]; + styleObj.removeProperty(nameString); +} + +console.log(styleObj.cssText);</pre> + +<h2 id="Specification" name="Specification">Спецификации</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('CSSOM', '#the-cssstyledeclaration-interface', 'CSSStyleDeclaration')}}</td> + <td>{{Spec2('CSSOM')}}</td> + <td></td> + </tr> + <tr> + <td>{{SpecName('DOM2 Style', 'css.html#CSS-CSSStyleDeclaration', 'CSSPrimitiveValue')}}</td> + <td>{{Spec2('DOM2 Style')}}</td> + <td>Изначальное определение</td> + </tr> + </tbody> +</table> + +<h2 id="Смотри_также">Смотри также</h2> + +<ul> + <li><a href="/en-US/docs/Web/CSS/CSS_Properties_Reference" title="/en-US/docs/Web/CSS/CSS_Properties_Reference">DOM CSS Properties</a></li> +</ul> + +<h2 id="Совместимость_браузеров">Совместимость браузеров</h2> + +<div class="hidden"> +<p>The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p> +</div> + +<p>{{Compat("api.CSSStyleDeclaration")}}</p> |