Характеристики свойства
В каких браузерах работает?
8.0+ | 1.0+ | - | 1.0+ | - | - | 1.0+ |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
- | - | - | - |
Для чего используется?
Свойство отвечает за дополнительный способ позиционирования фоновой картинки относительно оси абцис. Применение указанного свойства не является валидным и осуждается спецификациями CSS.
Как правильно задавать?
background-position-x: положение фона;
Какие могут быть значения?
- left - фиксирует расположения картинки фона в левой области контейнера.
- center - фиксирует расположения картинки фона в центральной области контейнера.
- right - фиксирует расположения картинки фона в правой области контейнера.
Также местоположение указывается числами в любых единицах измерения, поддерживаемых спецификациями 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-x</title> <style type="text/css"> body { background: url(02.jpg) no-repeat; background-size: 500px; background-position-x:center; color: #444; } p { margin-top:65px; } </style> </head> <body> </body> </html>
По итогу получаем
Тип CSS свойства:
Цвет и фон