Страница 1 из 1

CSS: свойство background-position

СообщениеДобавлено: 03 сен 2013, 08:18
Александр
Данное свойство позволяет установить в каком месте будет располагаться фоновая картинка. Как правило для этого устанавливается несколько значений.
Ну например:
Код: выделить все
<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%. Когда указано два значения, первое значение указывает на расстояние от левого края, а второе значение на расстояние от верхнего края.
Положение можно задавать используя проценты пиксели или другие единицы.