|
|
Новые сайты
|
|
|
|
|
Изготовление сайта жилого комплекса "Кореневский хуторок 2" подробнее
Все работы на одной странице подробнее
Создание сайта для логистической компании Way Logistic. подробнее
Сайт ЦСВМ "Штурман" подробнее
|
|
|
|
|
Справочник css.
CSS |
CSS1 |
Значение по умолчанию |
0% 0% |
Наследуется |
Нет |
Применяется |
К блочным и заменяемым элементам |
Аналог HTML |
Нет |
Ссылка на спецификацию |
http://www.w3.org/TR/CSS21/colors.php#propdef-background-position |
Описание
Задает начальное положение фонового изображения, установленного с помощью
параметра background-image.
Синтаксис
background-position: [проценты | значение] | [left | center | right] || [top
| center | bottom]
Аргументы
У этого параметра два значения, положение по горизонтали (может быть —
left, center, right)
и вертикали (может быть — top, center,
bottom). Кроме использования ключевых слов положение
также можно задавать в процентах, пикселах или других единицах. Если применяются
ключевые слова, то порядок их следования не имеет значения, при процентной записи
вначале задается положение рисунка по горизонтали, а затем, через пробел, положение
по вертикали. Отношение между используемыми ключевыми словами и процентной записью
следующее.
top left = left top = 0% 0% (в левом верхнем углу)
top = top center = center top = 50% 0% (по центру вверху)
right top = top right = 100% 0% (в правом верхнем углу)
left = left center = center left = 0% 50% (по левому краю и по центру)
center = center center = 50% 50% (по центру)
right = right center = center right = 100% 50% (по правому краю и по центру)
bottom left = left bottom = 0% 100% (в левом нижнем углу)
bottom = bottom center = center bottom = 50% 100% (по центру внизу)
bottom right = right bottom = 100% 100% (в правом нижнем углу)
В скобках указано, где располагается фоновый рисунок относительно контейнера.
Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>background-position</title>
<style type="text/css">
BODY {
background-image: url('mybg.gif');
background-position: right bottom;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<p>...</p>
</body>
</html>
Объектная модель
[window.]document.getElementById("elementID").style.backgroundPosition
Цвет и фон
background позволяет установить одновременно до пяти атрибутов стиля фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту.
background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.
background-color устанавливает фоновый цвет элемента.
background-image устанавливает фоновое изображение для элемента. Если одновременно для элемента задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью.
background-position задает начальное положение фонового изображения, установленного с помощью параметра background-image.
background-repeat определяет, как будет повторяться фоновое изображение, установленное с помощью параметра background-image, и по какой оси. Можно установить повторение рисунка только по горизонтали, по вертикали или в обе стороны.
color определяет цвет текста элемента.
|
|
|
|