
	Реклама !!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!

BACKGROUND-POSITION

Описание элемента

Это свойство, задающее положение (смещение) фонового рисунка.

Напомню что сам фоновый рисунок задается с помощью BACKGROUND-IMAGE, описание которого есть в меню выше.

Синтаксис

Элемент { background-position: (проценты | значение) | (вертикальное выравнивание | горизонтальное выравнивание) }

Возможные аргументы

Необходимо указать как значение, в процентах, пикселях или пунтах, так и выравнивание по ключевому слову. Хотя можно обойтись и бех использования ключевых слов. Напомним, что выравнивание по горизонтали определяется следующими словами:
left - выравнивание по левому краю
center - выравнивание по центру
right - выравнивание по правому краю
А выравнивание по вертикали определяется следующими ключевыми словами:
top - выравнивание по верхнему краю
center - выравнивание по центру
bottom - выравнивание по нижнему краю.

В случае, если положение задаётся без ключевых слов, а только процентами, пикселями или пунктами, то сначала указывается значение по горизонтали, а потом по вертикали.

Значение по умолчанию

0% 0%


	Примеры использования Пример использования BACKGROUND-POSITION <!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('BG_Body.jpg'); background-position: right center; } DIV { background-image: url('BG_Div.jpg'); background-position: 40% 10%; } PRE { background-image: url('BG_Pre.jpg'); background-position: bottom left; } </style> </head> <body> <p> Вот сейчас приведём парочку примеров фоновых изображений...<br> Фоновый рисунок всего сайта, будет выравниваться по правому краю горизонтально и по центру вертикально. </p> <div>А вот этот фоновый рисунок, будет смещаться на 40% вправо от левого края, и на 10% вниз, от верхнего края</div> <pre>И как показывает этот пример, не имеет значение порядок следования ключевых слов,<br>если вы задаете положение изображения именно ими.<br>Но в случае указания процентами, сначала всегда идёт выравнивание по горизонтали,<br>а потом уже, по вертикали.<br> Кстати, в данном случае изображение будет выравниваться по левому нижнему краю.</pre> </body> </html>

↑ ВВЕРХ ↑


	Реклама !!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!


	Веб Навсегда.инфо → CSS-стили → BACKGROUND-POSITION

BACKGROUND-POSITION

Описание элемента

Синтаксис

Возможные аргументы

Значение по умолчанию

Примеры использования