Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
7.0 | 8.0 + | 1.0 + | 1.0 + | 1.0+ |
Коротка інформація
Значення за умовчанням | 0 |
---|---|
Успадковується | Ні |
Відсотковий запис | Так |
Застосовується | До всіх елементів |
Версії CSS
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
Опис
Визначає положення фонового зображення всередині елемента по горизонталі. Властивість background-position-x є нестандартним і не входить в специфікацію CSS.
Синтаксис
background-position -x: left | center | right | <відсотки> | <значення>
Значення
- left
- Вирівнює фон по лівому краю. Еквівалент записи 0 або 0%.
- center
- Вирівнює фон по центру горизонталі. Еквівалент записи 50%.
- right
- Вирівнює фон по правому краю. Еквівалент записи 100%.
- відсотки
- Визначає положення фону в процентах від ширини елемента. Значення 0% або 0 вирівнює лівий край фонового зображення по лівому краю елемента. Значення 100% вирівнює правий край малюнка по правому краю елемента.
- значення
- Визначає положення фону в будь-яких доступних для CSS одиницях - пікселі (px), сантиметри (cm), em і ін. щодо лівого краю елемента.
Приклад
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> background-position-x </title> <style> body {background: #66806E url (images /clover.png) repeat-y; background-position-x: 95%; /* Положення фону */ } </style> </head> <body> <p> ... </p> </body> </html>
Результат даного прикладу показаний на рис. 1.
Об'єктна модель
[window.] Document.getElementById (" elementID ") .style.backgroundPositionX