Стиль

  • Revision slug: HTML/Element/стиль
  • Revision title: Стиль
  • Revision id: 331433
  • Created:
  • Creator: dronov
  • Is current revision? Да
  • комментировать

Revision Content

Краткая информация
 

Элементы стиля содержат информацию о стиле документы. Информация о стиле должна находится внутри элемента, обычно используется язык  CSS (см. CSS).

Использование контекста

Категории контента Метаданные контента, как например атрибут scoped (область) представляет из себя: поток контента
Допустимый контент Зависит от значения атрибута type (тип).
Тэг бездействия Нет такого, должен присутствовать как открывающий, так и закрывающий тэг.
Нормативные документы HTML5, раздел 4.2.6; HTML 4.01, раздел 14.2.3

Атрибуты

Как и все другие элементы HTML, этот элемент является глобальным атрибутом.

{{ htmlattrdef("type") }}
Этот атрибут определяет стиль языка как MIME type (кодировка не указана). 'text/css' предполагает отсутствие атрибута.
{{ htmlattrdef("media") }}
Какой вид медиа применим в этом стиле. По вопросам касающимся медиа см. http://dev.w3.org/csswg/css3-mediaqueries.
{{ htmlattrdef("scoped") }}
Наличие этого атрибута говорит о том, что стиль применяется только к родительским элементам. Если атрибут отсутствует, стиль как во всём документе. См. WhatWG spec.
{{ htmlattrdef("title") }}
Определяет альтернативный набор таблиц стилей.
{{ htmlattrdef("disabled") }}
Наличие атрибута выключает (не применяет) правила стиля к  Документу указанные в элементе.

DOM интерфейс

Этот элемент применяет HTMLStyleElement интерфейс.

Примеры

<style type="text/css">
body {
  color:red;
}
</style> 

Область стилей:

<article>
  <h1>Область стиля</h1>
  <div>Область атрибутов позволяет Вам вставлять элементы стиля в середине документа.
   Внутри области правила применяются только к родительским элементам.</div>
  <p>Этот текст должен быть чёрным.</p>
  <section>
    <style scoped>
      p { color: red; }
    </style>
    <p>Этот должен быть красным</p>
  </section>
</article>

{{ languages( { "ja": "ja/docs/HTML/Element/style" } ) }}

Revision Source

<p><font face="Georgia, Times, Times New Roman, serif"><span style="font-size: 23px;"><b>Краткая информация</b></span></font><br />
  &nbsp;</p>
<p>Элементы стиля содержат информацию о стиле документы. Информация о стиле должна находится внутри элемента, обычно используется язык &nbsp;CSS (см.&nbsp;<a href="/en-US/docs/CSS" title="CSS">CSS</a>).</p>
<h3 class="editable" id=".D0.98.D1.81.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D0.BD.D0.B8.D0.B5_.D0.BA.D0.BE.D0.BD.D1.82.D0.B5.D0.BA.D1.81.D1.82.D0.B0">Использование контекста</h3>
<table class="standard-table">
  <tbody>
    <tr>
      <td>Категории контента</td>
      <td><a href="/en-US/docs/HTML/Content_categories#Metadata_content" title="en-US/docs/HTML/Content_categories#Metadata_content">Метаданные контента</a>, как например атрибут&nbsp;<code>scoped (область)</code>&nbsp;представляет из себя: <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="en-US/docs/HTML/Content_categories#Flow_content">поток контента</a></td>
    </tr>
    <tr>
      <td>Допустимый контент</td>
      <td>Зависит от значения атрибута <code>type (тип)</code>.</td>
    </tr>
    <tr>
      <td>Тэг бездействия</td>
      <td>Нет такого, должен присутствовать как открывающий, так и закрывающий тэг.</td>
    </tr>
    <tr>
      <td>Нормативные документы</td>
      <td><a class="external" href="http://www.w3.org/TR/html5/semantics.html#the-style-element" title="http://www.w3.org/TR/html5/semantics.html#the-style-element">HTML5, раздел 4.2.6</a>; <a class="external" href="http://www.w3.org/TR/html401/present/styles.html#edef-STYLE" title="http://www.w3.org/TR/html401/present/styles.html#edef-STYLE">HTML 4.01, раздел 14.2.3</a></td>
    </tr>
  </tbody>
</table>
<h2 id=".D0.90.D1.82.D1.80.D0.B8.D0.B1.D1.83.D1.82.D1.8B">Атрибуты</h2>
<p>Как и все другие элементы HTML, этот элемент является <a href="/en-US/docs/HTML/Global_attributes" rel="internal">глобальным атрибутом</a>.</p>
<dl>
  <dt>
    {{ htmlattrdef("type") }}</dt>
  <dd>
    Этот атрибут определяет стиль языка как MIME type (кодировка не указана). 'text/css' предполагает отсутствие атрибута.</dd>
  <dt>
    {{ htmlattrdef("media") }}</dt>
  <dd>
    Какой вид медиа применим в этом стиле. По вопросам касающимся медиа см.&nbsp;<a class="external" href="http://dev.w3.org/csswg/css3-mediaqueries">http://dev.w3.org/csswg/css3-mediaqueries</a>.</dd>
  <dt>
    {{ htmlattrdef("scoped") }}</dt>
  <dd>
    Наличие этого атрибута говорит о том, что стиль применяется только к родительским элементам. Если атрибут отсутствует, стиль как во всём документе. См.&nbsp;<a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#attr-style-scoped" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#attr-style-scoped">WhatWG spec</a>.</dd>
  <dt>
    {{ htmlattrdef("title") }}</dt>
  <dd>
    Определяет альтернативный набор таблиц стилей.</dd>
  <dt>
    {{ htmlattrdef("disabled") }}</dt>
  <dd>
    Наличие атрибута выключает (не применяет) правила стиля к &nbsp;<a href="/en-US/docs/DOM/document" title="document">Документу</a>&nbsp;указанные в элементе.</dd>
</dl>
<h2 id="DOM_.D0.B8.D0.BD.D1.82.D0.B5.D1.80.D1.84.D0.B5.D0.B9.D1.81">DOM интерфейс</h2>
<p>Этот элемент применяет <code><a href="/en-US/docs/DOM/HTMLStyleElement " rel="internal">HTMLStyleElement&nbsp;</a>интерфейс.</code></p>
<h2 id=".D0.9F.D1.80.D0.B8.D0.BC.D0.B5.D1.80.D1.8B">Примеры</h2>
<pre class="brush: html">
&lt;style type="text/css"&gt;
body {
  color:red;
}
&lt;/style&gt; 
</pre>
<p>Область стилей:</p>
<pre class="brush: html; highlight:7">
&lt;article&gt;
  &lt;h1&gt;Область стиля&lt;/h1&gt;
  &lt;div&gt;Область атрибутов позволяет Вам вставлять элементы стиля в середине документа.
   Внутри области правила применяются только к родительским элементам.&lt;/div&gt;
  &lt;p&gt;Этот текст должен быть чёрным.&lt;/p&gt;
  &lt;section&gt;
    &lt;style scoped&gt;
      p { color: red; }
    &lt;/style&gt;
    &lt;p&gt;Этот должен быть красным&lt;/p&gt;
  &lt;/section&gt;
&lt;/article&gt;
</pre>
<p>{{ languages( { "ja": "ja/docs/HTML/Element/style" } ) }}</p>
Revert to this revision