Заменённые элементы

В CSS, заменённый элемент — это элемент, чьё отображение находится вне области CSS; это внешние объекты, чьё отображение независимо от модели форматирования CSS.

Проще говоря, это элементы, содержимое которых не подвергается влиянию стилей текущего документа. Положение заменённого элемента может быть изменено с помощью CSS, но не само содержимое заменённого элемента. Некоторые заменённые элементы, такие как <iframe> элементы, могут иметь свои собственные таблицы стилей, но они не наследуют стили родительского документа.

Единственное иное влияние, которое CSS может оказать на заменённый элемент, — это свойства, поддерживающие управление позиционированием содержимого элемента внутри его рамки. Дополнительную информацию см. в разделе Управление положением объекта внутри области содержимого.

Заменённые элементы

Типичные заменённые элементы:

Некоторые элементы считаются заменёнными только в определённых случаях:

В спецификации HTML также говорится, что элемент <input> может быть заменён, потому что элементы <input> типа "image" являются заменёнными элементами, аналогичными элементам <img>. Однако другие элементы управления формой, включая другие типы элементов <input>, явно указаны как не заменённые элементы (спецификация описывает их стандартное платформенное отображение термином «виджеты»).

Объекты, вставленные с помощью свойства CSS content, являются анонимными заменёнными элементами. Они «анонимные», потому что не существуют в разметке HTML.

Использование CSS с заменёнными элементами

CSS обрабатывает заменённые элементы специально в некоторых случаях, например, при вычислении отступов и некоторых значений auto.

Обратите внимание, что у некоторых заменённых элементов, но не у всех, есть внутренние размеры или определённая строка базовых линий, которые используются некоторыми свойствами CSS, такими как vertical-align. Только заменённые элементы могут иметь внутренние размеры.

Управление положением объекта внутри области содержимого

Определённые свойства CSS могут быть использованы для указания того, как объект, содержащийся в заменённом элементе, должен быть расположен внутри области элемента. Они определяются спецификацией CSS Images:

object-fit: Указывает, как объект содержимого заменённого элемента должен быть помещён в рамку содержащего элемента. Свойство object-fit не оказывает влияния на <iframe>, <embed> и <fencedframe> элементы.
object-position: Указывает выравнивание объекта содержимого заменённого элемента внутри области элемента.

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element