Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style backgroundPosition Property

<Style Object

пример

Изменение положения фонового изображения:

document.body.style.backgroundPosition = "top right";
Попробуй сам "

Больше "Try it Yourself" примеры ниже.

Определение и использование

В backgroundPosition наборов свойств или возвращает позицию фонового изображения внутри элемента.

Поддержка браузеров

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Имущество
backgroundPosition 1,0 4,0 1,0 1,0 3,5

Синтаксис

Возвращает свойство backgroundPosition:

object .style.backgroundPosition

Установите свойство backgroundPosition:

object .style.backgroundPosition= value

Значения свойств

Стоимость Описание
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right		 Если указать только одно ключевое слово, другое значение будет "center" .
x% y% Значение х указывает на горизонтальное положение, а значение у обозначает вертикальное положение. Верхний левый угол 0% 0%. В правом нижнем углу находится 100% 100%. Если указать только одно значение, другое значение будет 50%.
xpos ypos Значение х указывает на горизонтальное положение, а значение у обозначает вертикальное положение. Верхний левый угол 0 0. Единицы могут быть пиксели (0px 0px) или любые другие единицы CSS. Если указать только одно значение, другое значение будет 50%. Вы можете смешать% и единиц
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

Значение по умолчанию: 0% 0%
Возвращаемое значение: Строка, представляющая положение фонового изображения
CSS версия CSS1

Еще примеры

пример

Измените положение фонового изображения в <div> элемент в центре нижней части :

document.getElementById("myDiv").style.backgroundPosition = "center bottom";
Попробуй сам "

пример

Изменение положения фонового изображения в <div> элемента 200 пикселов по горизонтали и вертикали 40 пикселей:

document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
Попробуй сам "

пример

Возвращает позицию фонового изображения в <div> элемент:

document.getElementById("myDiv").style.backgroundPosition;
Попробуй сам "

Похожие страницы

CSS учебник: CSS фона

Ссылка CSS: background-image property

Ссылка CSS: background-position property

HTML DOM ссылка: background property

<Style Object