aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/css/replaced_element/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/ru/web/css/replaced_element/index.html')
-rw-r--r--files/ru/web/css/replaced_element/index.html50
1 files changed, 50 insertions, 0 deletions
diff --git a/files/ru/web/css/replaced_element/index.html b/files/ru/web/css/replaced_element/index.html
new file mode 100644
index 0000000000..d06bd6b9b9
--- /dev/null
+++ b/files/ru/web/css/replaced_element/index.html
@@ -0,0 +1,50 @@
+---
+title: Замещаемый элемент
+slug: Web/CSS/Replaced_element
+tags:
+ - CSS
+ - Reference
+ - замещаемый элемент
+translation_of: Web/CSS/Replaced_element
+original_slug: Web/CSS/Замещаемый_элемент
+---
+<div>{{CSSRef}}</div>
+
+<p>В <a href="/ru/docs/Web/CSS">CSS</a>, <strong>замещаемый элемент</strong> — это элемент, чьё представление выходит за рамки CSS. Другими словами, это внешний объект, чьё представление независимо от модели форматирования CSS.</p>
+
+<h2 id="Замещаемые_элементы">Замещаемые элементы</h2>
+
+<p>Типичные замещаемые элементы:</p>
+
+<ul>
+ <li>{{HTMLElement("iframe")}}</li>
+ <li>{{HTMLElement("video")}}</li>
+ <li>{{HTMLElement("embed")}}</li>
+ <li>{{HTMLElement("img")}}</li>
+</ul>
+
+<p>Некоторые элементы рассматриваются как замещаемые только в некоторых случаях:</p>
+
+<ul>
+ <li>{{HTMLElement("audio")}}</li>
+ <li>{{HTMLElement("canvas")}}</li>
+ <li>{{HTMLElement("object")}}</li>
+ <li>{{HTMLElement("applet")}}</li>
+</ul>
+
+<p>Спецификация HTML также указывает, что элемент {{HTMLElement("input")}} может быть замещаемым, поскольку элемент {{HTMLElement("input")}} с типом image является замещаемым элементом наподобие {{HTMLElement("img")}}. Однако другие элементы форм, включая другие типы элементов {{HTMLElement("input")}}, явно отнесены к незамещаемым элементам (для описания их отображения по умолчанию, которое может быть разным на разных платформах, спецификация использует термин «Виджеты»).</p>
+
+<p>Объекты, добавляемые с помощью CSS-свойства {{cssxref("content")}} являются <em>анонимными замещаемыми элементами</em>. Они «анонимные», так как они не существуют в HTML-разметке.</p>
+
+<h2 id="Использование_CSS_с_замещаемыми_элементами">Использование CSS с замещаемыми элементами</h2>
+
+<p>CSS обрабатывает замещаемые элементы особым образом в некоторых случаях, например при расчёте внешних отступов и некоторых значений <code>auto</code>.</p>
+
+<p>Заметим, что у некоторых замещаемых элементов, но не у всех, есть внутренние размеры или определённая базовая линия, которая используется CSS свойствами вроде {{cssxref("vertical-align")}}.</p>
+
+<h2 id="См._также">См. также</h2>
+
+<ul>
+ <li>Спецификация HTML https://html.spec.whatwg.org/multipage/rendering.html#replaced-elements</li>
+ <li>{{CSS_key_concepts()}}</li>
+</ul>