Атрибуты: Параметры изображений.

  Отдельные атрибуты стилей изображений применяются для установки стилей отображения изображений, размещаемых на Web-странице тегами IMG и OBJECT.
  Масштабирование изображения.
  Атрибуты:
  image-rendering - Устанавливает алгоритм масштабирования изображения.
  Браузер может столкнуться с необходимостью масштабирования изображения, если разработчик задал размеры поля элемента большими или меньшими, чем это необходимо изображению.
  Тоже самое может сделать и пользователь в процессе общения с Web-страницей.

  Атрибут стиля image-rendering задаёт для браузера алгоритм такого масштабирования.

Формат:

  • image-rendering:
      auto
      |crisp-edges
      |pixelated
      |initial
      |inherit
      |unset

Значения:

  • auto - Устанавливает алгоритм, который увеличивает видимость изображения (умолчание).
      Браузеры могут по разному реализовывать этот алгоритм. В большинстве случаев используется метод билинейной интерполяции, который наиболее подходит для фотографий.
  • crisp-edges - Устанавливает алгоритм, который сохраняет контраст краев изображения с возможным размытием всего изображения.
  • pixelated – Устанавливает алгоритм, который растягивает каждый пиксель.
      При уменьшении это значение равносильно значению auto.
  • inherit - Значение атрибута наследуется от элемента "родительского" тега.
  • initial - Значение атрибута устанавливается в значение по умолчанию.
  •  unset – Значения атрибута приводятся к унаследованным значениям, если таковые есть, в противном случае - к значениям по умолчанию.
  Внутреннее разрешение изображения.
  Атрибуты:
  image-resolution - Устанавливает внутреннее разрешение изображения.
  Внутреннее разрешение определяет размеры поля элемента с изображением по умолчанию.

Формат:

  • image-resolution:
      from-image
      |snap
      |Разрешение
      |inherit
      |none

Значения:

  • from-image - Внутреннее разрешение берется из файла с изображением (умолчание).
  • snap - Внутреннее разрешение берется из файла с изображением и округляется до ближайшего значения так, чтобы один пиксель изображения соответствовал целому числу пикселей устройства отображения.
  • Разрешение - CSS значение разрешения.
      Значение будет проигнорировано, если файл с изображением содержит информацию о его разрешении.