Положення фонового зображення в CSS за горизонталлю
Ця стаття надає інформацію про властивість CSS, яка визначає положення фонового зображення всередині елемента по горизонталі. Властивість background-position-x є нестандартною і не входить до специфікації CSS.
Синтаксис
background-position-x: left | center | right | <проценти> | <значення>
Значення
- left
- Вирівнює фон зліва. Еквівалентно запису 0 або 0%.
- center
- Вирівнює фон по центру горизонталі. Еквівалентно запису 50%.
- right
- Вирівнює фон справа. Еквівалентно запису 100%.
- проценти
- Визначає положення фону у відсотках від ширини елемента.
- значення
- Визначає положення фону в пікселях, сантиметрах, em тощо відносно лівого краю елемента.
Приклад
Приклад HTML і CSS коду:
<!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("ідентифікаторЕлемента").style.backgroundPositionX