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

Технические моменты создания сайтов и других Web-приложений.

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%. Когда указано два значения, первое значение указывает на расстояние от левого края, а второе значение на расстояние от верхнего края.
Положение можно задавать используя проценты пиксели или другие единицы.
Аватар пользователя
Александр
Продвинутый Юзер
 
Сообщений: 218
Зарегистрирован: 12 мар 2012, 16:32

Вернуться в Программирование для Web

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 3