Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - background-position.

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

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство background-position устанавливает начальную позицию фонового изображения.

У свойства background-position имеются два значения - положение по горизонтали( возможны варианты — 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% (в правом нижнем углу)

            В скобках указывается расположение фонового
              рисунка относительно контейнера.

Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство background-position, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.


Синтаксис:

              background-position: value;

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

Значение по умолчанию: 0% 0%
наследует: нет
Версия: CSS1
JavaScript синтаксис: object.style.backgroundPosition="center"


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

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


Пишем программу - Как позиционировать фоновое изображение:

< !DOCTYPE html>
< html>
< head>
< body>
< style>
#center
{ 
background-image: url(../fon/13.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 
}
< /style>
< head>
< /body>
< /html>                      

Результат программы:

КЛИКНИ СЮДА




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: