Характеристики свойства
В каких браузерах работает?
8.0+ | 1.0+ | - | 1.0+ | - | - | 1.0+ |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
- | - | - | - |
Для чего используется?
Свойство отвечает за дополнительный способ позиционирования фоновой картинки относительно оси ординат. Применение указанного свойства не является валидным и осуждается спецификациями CSS.
Как правильно задавать?
background-position-y: положение фона;
Какие могут быть значения?
- top - фиксирует расположения картинки фона в верхней области контейнера.
- center - фиксирует расположения картинки фона в центральной области контейнера.
- bottom - фиксирует расположения картинки фона в нижней области контейнера.
Также местоположение указывается числами в любых единицах измерения, поддерживаемых спецификациями CSS.
Пример использования
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Свойство background-position-y</title> <style type="text/css"> body { background: url(02.jpg) no-repeat; background-size: 500px; background-position-y:top; color: #444; } </style> </head> <body> </body> </html>
По итогу получаем
Тип CSS свойства:
Цвет и фон