From daa1a2aff136fa9da1fcc97d7da97a2036fabc77 Mon Sep 17 00:00:00 2001
From: Florian Merz <me@fiji-flo.de>
Date: Thu, 11 Feb 2021 14:51:47 +0100
Subject: unslug uk: move

---
 files/uk/web/html/element/style/index.html | 201 +++++++++++++++++++++++++++++
 1 file changed, 201 insertions(+)
 create mode 100644 files/uk/web/html/element/style/index.html

(limited to 'files/uk/web/html/element/style/index.html')

diff --git a/files/uk/web/html/element/style/index.html b/files/uk/web/html/element/style/index.html
new file mode 100644
index 0000000000..5bfe7ab621
--- /dev/null
+++ b/files/uk/web/html/element/style/index.html
@@ -0,0 +1,201 @@
+---
+title: <style>
+slug: Web/HTML/Елемент/style
+tags:
+  - Інкапсуляція стилів
+  - Елемент
+  - Метадані
+  - Стилі
+translation_of: Web/HTML/Element/style
+---
+<p id="Summary">{{HTMLRef}}</p>
+
+<p>HTML-елемент<strong> <code>&lt;style&gt;</code> </strong>містить стилі для документа чи його частини. За відсутності атрибута {{htmlattrdef("type")}}, мовою інструкцій всередині цього елемента вважається <a href="/en-US/docs/Web/CSS">CSS</a>.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th><a href="/uk/docs/Web/Guide/HTML/Content_categories">Категорії вмісту</a></th>
+   <td><a href="/uk/docs/Web/Guide/HTML/Content_categories#Вміст_метаданих">Метадані</a> та, в разі наявності атрибута <code>scoped,</code><a href="/uk/docs/Web/Guide/HTML/Content_categories#Потоковий_вміст">потоковий вміст</a>.</td>
+  </tr>
+  <tr>
+   <th>Дозволений вміст</th>
+   <td>Текстовий вміст, що відповідає атрибутові <code>type</code>, зазвичай <code>text/css</code>.</td>
+  </tr>
+  <tr>
+   <th>Обов'язковість тегів</th>
+   <td>Обидва обов'язкові.</td>
+  </tr>
+  <tr>
+   <th>Дозволені пращури</th>
+   <td>Будь-який елемент, що може містити <a href="/uk/docs/Web/Guide/HTML/Content_categories#Вміст_метаданих">метадані</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Дозволені ARIA-ролі</th>
+   <td>ВІдсутні</td>
+  </tr>
+  <tr>
+   <th>Інтерфейс DOM</th>
+   <td>{{domxref("HTMLStyleElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Атрибути">Атрибути</h2>
+
+<p>Цей елемент має <a href="/en-US/docs/Web/HTML/Global_attributes">глобальні атрибути</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd>Цей атрибут вказує MIME-тип (без частини, що вказує кодування символів), який відповідає задіяній мові стилів. Він є необов'язковим та за умовчанням має значення <code>text/css</code>.</dd>
+ <dt>{{htmlattrdef("media")}}</dt>
+ <dd>Цей атрибут вказує <a href="/en-US/docs/Web/Guide/CSS/Media_queries">медіазапит</a> для обмеження застосування стилів. Стилі застосовуються без обмежень (те саме, що і значення <code>all)</code>, якщо атрибут відсутній.</dd>
+ <dt>{{htmlattrdef("title")}}</dt>
+ <dd>Позначає назву <a href="/uk/docs/Web/CSS/Альтернативні_таблиці_стилів">альтернативної множини стилів</a>.</dd>
+ <dt>{{htmlattrdef("scoped")}} {{experimental_inline}}</dt>
+ <dd>Якщо цей атрибут присутній, таблиця стилів застосовуються лише до нащадків батьківського (для <strong><code>&lt;style&gt;</code></strong>) елемента.</dd>
+</dl>
+
+<h2 id="Приклади">Приклади</h2>
+
+<h3 id="Найпростіша_таблиця_стилів">Найпростіша таблиця стилів</h3>
+
+<pre class="brush:html">&lt;style type="text/css"&gt;
+  body {
+    color: red;
+  }
+&lt;/style&gt;
+</pre>
+
+<h3 id="Застосування_атрибута_scoped">Застосування атрибута <code>scoped</code></h3>
+
+<pre class="brush: html">&lt;html&gt;
+  &lt;head&gt;
+    &lt;style type="text/css"&gt;
+      span {
+        color: red;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+
+  &lt;body&gt;
+    &lt;div&gt;
+      &lt;style type="text/css" scoped&gt;
+        span {
+          color: orange;
+        }
+      &lt;/style&gt;
+      &lt;span&gt;Помаранчевий текст!&lt;/span&gt;
+    &lt;/div&gt;
+
+    &lt;span&gt;Червоний текст!&lt;/span&gt;
+  &lt;/body&gt;
+&lt;/html&gt;</pre>
+
+<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('HTML WHATWG', 'semantics.html#the-style-element', 'style') }}</td>
+   <td>{{ Spec2('HTML WHATWG') }}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('HTML5 W3C', 'document-metadata.html#the-style-element', 'style') }}</td>
+   <td>{{ Spec2('HTML5 W3C') }}</td>
+   <td>Жодних змін відносно {{ SpecName('HTML4.01') }}.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('HTML4.01', 'present/styles.html#h-14.2.3', 'style') }}</td>
+   <td>{{ Spec2('HTML4.01') }}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Сумісність_із_браузерами">Сумісність із браузерами</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Базова підтримка</td>
+   <td>{{CompatChrome(1.0)}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop(1.0)}}</td>
+   <td>3.0</td>
+   <td>3.5</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>Атрибут scoped</td>
+   <td>20<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>21</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Базова підтримка</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile(1.0)}}</td>
+   <td>9.0<sup>[2]</sup></td>
+   <td>6.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>Атрибут scoped</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>50</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Підтримується версіями Chrome з 20 по 34 включно за наявності встановленого прапорця «<strong>Enable &lt;style scoped&gt;</strong>» чи «<strong>Experimental WebKit features</strong>» у chrome://flags.<br>
+ [2] Mobile Internet Explorer (попередня назва IE Phone — версій менших за 8) також підтримує.</p>
+
+<h2 id="Див._також">Див. також</h2>
+
+<ul>
+ <li>Елемент {{HTMLElement("link")}} дозволяє використовувати зовнішні таблиці стилів.</li>
+</ul>
-- 
cgit v1.2.3-54-g00ecf