| 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-y є нестандартним і не входить в специфікацію CSS.
Синтаксис
background-position -y: top | center | bottom | відсотки | значення
Значення
- top
- Вирівнює фон по верхньому краю. Еквівалент записи 0 або 0%.
- center
- Вирівнює фон по центру вертикалі. Еквівалент записи 50%.
- bottom
- Вирівнює фон по нижньому краю. Еквівалент записи 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-y </title>
<style>
html {height: 100%; /* Висота сторінки */ } body {background: url (images /mybg.png) no-repeat; /* Параметри фону */ background-position-y: bottom; /* Положення фону */ } </style>
</head>
<body>
<p>
... </p>
</body>
</html>
Результат даного прикладу показаний на рис. 1.
Об'єктна модель
[window.] Document.getElementById (" elementID "). Style .backgroundPositionY