CSS: свойство background-position
Добавлено: 03 сен 2013, 08:18
Данное свойство позволяет установить в каком месте будет располагаться фоновая картинка. Как правило для этого устанавливается несколько значений.
Ну например:
В данном случае картинка будет установлена слева на расстоянии 40% и сверху на расстоянии 55%. Когда указано два значения, первое значение указывает на расстояние от левого края, а второе значение на расстояние от верхнего края.
Положение можно задавать используя проценты пиксели или другие единицы.
Ну например:
- Код: выделить все
<html>
<head>
<title>Свойство background-image</title>
<style>
body {
background-position: 40% 55%;
background-image: url('images/bg.gif');
background-repeat: no-repeat;
} </style>
</head>
<body>
<p>Текст </p>
</body>
</html>
В данном случае картинка будет установлена слева на расстоянии 40% и сверху на расстоянии 55%. Когда указано два значения, первое значение указывает на расстояние от левого края, а второе значение на расстояние от верхнего края.
Положение можно задавать используя проценты пиксели или другие единицы.