Spec-Zone.ru › CSS

Изображения CSS

Модуль Изображения CSS определяет типы изображений, которые могут быть использованы (тип <image>, содержащий URL-адреса, градиенты и другие типы изображений), как их масштабировать и как они, и другое замещаемое содержимое, взаимодействуют с различными моделями макета.

Справочник

Свойства

  • image-orientation
  • image-rendering
  • image-resolution
  • object-fit
  • object-position

Функции

  • linear-gradient()
  • radial-gradient()
  • repeating-linear-gradient()
  • repeating-radial-gradient()
  • conic-gradient()
  • repeating-conic-gradient()
  • <url>
  • element()
  • image()
  • cross-fade()

Типы данных

  • <gradient>
  • <image>

Руководства

Использование градиентов CSS

Представлен определенный тип изображений CSS, градиенты, и как их создавать и использовать.

Реализация спрайтов изображений в CSS

Описывает распространённую технику группирования нескольких изображений в одном документе для экономии запросов загрузки и ускорения доступности страницы.

Понимание соотношений сторон

Узнайте о свойстве aspect-ratio, обсудите соотношения сторон для замещаемых и незамещаемых элементов и рассмотрите некоторые распространённые случаи использования соотношений сторон.

Спецификации

Спецификация
Модуль изображений CSS Level 3
Стандарт совместимости
# css-%3Cimage%3E-type
Модуль CSS значений и единиц Level 4
# urls

См. также

  • Модуль эффектов фильтра CSS
  • Модуль композирования и смешивания CSS
  • Модуль цветов CSS

© 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/CSS_images

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API