Атрибуты: Параметры размещения объектов.

  Для размещения объектов внедрённых на Web-страницу элементами тегов EMBED, IMG, OBJECT, VIDEO в поле элементов этих тегов применяются атрибуты стилей размещения объектов.
  Внедрённый объект может иметь свои размеры и их пропорцию, исходя из которых, и требуется его масштабирование.
  Подгонка объекта к размерам поля элемента.
  Атрибуты:
  object-fit - Устанавливает способ подгонки объекта к размерам поля определяемого элемента.

Формат:

  • object-fit:
      contain
      |cover
      |fill
      |none
      |scale-down
      |inherit
      |initial
      |unset

Значения:

  • contain – Объект масштабируется с сохранением пропорций так, чтобы полностью поместиться в поле элемента.
  •  cover – Объект масштабируется с сохранением пропорций так, что меньшая из двух сторон подгоняется под соответствующий размер поля элемента, а большая может быть симметрично обрезана по высоте или ширине.
  • fill – Объект масштабируется без сохранения пропорций так, чтобы полностью поместиться в поле элемента. (Умолчание.)
  •  nonе – Объект не масштабируется и он может быть симметрично обрезан по высоте и ширине.
  • scale-down – Объект масштабируется с сохранением пропорций так, чтобы полностью поместиться в поле элемента. Изменение размеров объекта возможно только в сторону уменьшения.
  • inherit - Значение атрибута наследуется от элемента "родительского" тега.
  • initial - Значение атрибута устанавливается в значение по умолчанию.
  • unset - Значения атрибута приводятся к унаследованным значениям, если таковые есть, в противном случае - к значениям по умолчанию.
  Не все объекты, внедрённые элементами тегов EMBED и(или) OBJECT, можно масштабировать атрибутом стиля object-fit.
  Позиция объекта в поле элемента.
  object-position - Устанавливает позицию объекта в поле определяемого элемента.

Формат:

  • object-position:
      Позиция
      |inherit
      |initial
      |unset

Значения:

  • ПозицияCSS значение position.
  • inherit - Значение атрибута наследуется от элемента "родительского" тега.
  • initial - Значение атрибута устанавливается в значение по умолчанию.
  • unset - Значения атрибута приводятся к унаследованным значениям, если таковые есть, в противном случае - к значениям по умолчанию.
  Не все объекты, внедрённые элементами тегов, можно позиционировать атрибутом стиля object-position.


Пример:

<STYLE>
  .IMGX {WIDTH: 450; HEIGHT: 250; }
</STYLE>
......

<OBJECT CLASS=IMGX DATA="../content/IMG0018.jpg"></OBJECT>
Пример object-fit: contain - наведите мышку.

Пример object-fit: cover - наведите мышку.

Пример object-fit: fill - наведите мышку.

Пример object-fit: none - наведите мышку.

Пример object-fit: scale-down - наведите мышку.