|
CSS Свойство background-position
 Полный CSS Справочник
Пример
Как позиционировать фоновое изображение:
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
} |
Попробуйте сами » |
Определение и ИспользованиеСвойство background-position устанавливает начальное положение фонового изображения.
Замечание: Чтобы это работало в Firefox и Opera, свойство background-attachment
должно быть установлено в "fixed".
| Значение по умолчанию: |
0% 0% |
| Наследуется: |
нет |
| Версия: |
CSS1 |
| JavaScript синтаксис: |
объект.style.backgroundPosition="center" |
Поддержка Браузерами
Свойство background-position поддерживается всеми основными браузерами.
Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8
требует объявление !DOCTYPE. IE9 поддерживает "inherit".
Значения Свойства
| Значение |
Описание |
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom |
Если вы указываете только одно ключевое слово, другое значение принимается равным "center" |
| x% y% |
Первое значение - это горизонтальное положение и второе значение - это
позиция по вертикали. Верхний левый угол - 0% 0%.
Правый нижний угол - 100% 100%. Если вы укажите только одно значение,
другое установится в 50%. Значение по умолчанию равно: 0% 0% |
| x y |
Первое значение указывает положение по горизонтали и
второе - по вертикали. Левый верхний угол равен 0 0. Есдиницами измерения могут быть пикселы
(0px 0px) или любые другие CSS единицы. Если вы укажите только одно значение, другое
принимается равным 50%. Также можно комбинировать % и значения в различных единицах измерения |
| inherit |
Указывает, что настройка свойства background-position
должна наследоваться от родительского элемента |
 |
Попробуйте сами - Примеры |
Как расположить фоновое изображение
Этот пример демонстрирует использование свойства background-image.
Как позиционировать изображение фона, используя %
Этот пример демонстрирует, как указать позицию изображения на странице, используя проценты.
Как расположить фоновое изображение, указывая значения в пикселах
Этот пример демонстрирует, как разместить изображение на странице, используя пикселы.
Смотрите ТакжеCSS уроки: CSS Фон
CSS справка: свойство background-image
Полный CSS Справочник
|
