From ef6dc2f07bcc7d47193d4d4110e32f8eb87b369b Mon Sep 17 00:00:00 2001 From: MDN Date: Sat, 19 Jun 2021 00:34:51 +0000 Subject: [CRON] sync translated content --- files/ru/web/css/image-set()/index.html | 78 --------------------------------- 1 file changed, 78 deletions(-) delete mode 100644 files/ru/web/css/image-set()/index.html (limited to 'files/ru/web/css/image-set()/index.html') diff --git a/files/ru/web/css/image-set()/index.html b/files/ru/web/css/image-set()/index.html deleted file mode 100644 index 9f00bc8ca7..0000000000 --- a/files/ru/web/css/image-set()/index.html +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: image-set() -slug: Web/CSS/image-set() -translation_of: Web/CSS/image-set() ---- -
{{cssref}}
- -

CSS функция image-set() это способ позволить браузеру выбрать наиболее подходящее изображение CSS из заданного набора, в первую очередь для экранов с высокой плотностью пикселей.

- -

Разрешение экрана и пропускная способность могут отличаться в зависимости от устройства и доступа к сети. Функция image-set()  обеспечивает наиболее подходящее разрешение изображения для устройства пользователя, предоставляя набор параметров изображения — каждый с соответствующим объявлением разрешения — из которых браузер выбирает наиболее подходящее для устройства и настроек. Разрешение может использоваться в качестве прокси для размера файла — клиент на медленном мобильном соединении с экраном высокого разрешения может предпочесть получать изображения с более низким разрешением, а не ждать загрузки изображения с более высоким разрешением.

- -

image-set() позволяет автору предоставлять параметры, а не определять, что нужно каждому отдельному пользователю.

- -

Синтаксис

- -
image-set() = image-set( <image-set-option># )
-где <image-set-option> = [ <image> | <string> ] <resolution> и
-      <string> в качестве <url>
-
- -

Значения

- -

Чаще всего вы можете увидеть значение url() как <string>, но <image> может быть любым типом изображения, кроме набора изображений. Функция image-set() не может быть вложена в другую функцию image-set().

- -

Блоки <resolution> включают в себя x или ddpx, для точек на пиксель, dpi для точек на дюйм, и dpcm для точек на сантиметр. Каждое изображение в наборе image-set() должно иметь уникальное разрешение.

- -

Примеры

- -
background-image: image-set( "cat.png" 1x,
-                             "cat-2x.png" 2x,
-                             "cat-print.png" 600dpi);
- -

Этот пример демонстрирует использование image-set() для обеспечения двух альтернативных {{cssxref("background-image")}} свойств, из которых будет выбрано более подходящее по разрешению: обычная версия и версия с высоким разрешением.

- -

Вопросы доступности

- -

Браузеры не предоставляют никакой специальной информации о фоновых изображениях для вспомогательных технологий. Это важно прежде всего для экранных считывающих технологий, так как они не объявят о своём присутствии и поэтому ничего не передадут своим пользователям. Если изображение содержит информацию, критически важную для понимания общего назначения страницы, лучше описать её семантически в документе.

- - - -

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

- - - - - - - - - - - - - - - - -
СпецификацияСтатусКомментарий
{{SpecName('CSS4 Images', '#image-set-notation', 'The image-set() notation')}}{{Spec2('CSS4 Images')}} 
- -

Поддержка браузерами

- - - -

{{Compat("css.types.image.image-set")}}

- -

Смотрите также

- - -- cgit v1.2.3-54-g00ecf