Авторский знак. 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-image.

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

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

Внимание!!! IE8 и более ранние версии не поддерживают несколько фоновых изображений на один элемент.

Определение и использование. Свойство background-image фоновое изображение устанавливает один или несколько фоновых изображений для элемента. Фон элемента является общим размером элемента, включая отступы и границы( но не на полях). По умолчанию, фоновое изображение помещается в верхнем левом углу элемента, и повторяет доконца по вертикали и горизонтали. Таким образом, свойство background-image устанавливает фоновое изображение для элемента на странице сайта. Если одновременно для элемента задается цвет фона элемента, он будет показан, пока фоновая картинка не загрузится полностью. При наличия в рисунке прозрачных областей, через них будет проглядывать фоновый цвет. В CSS3 допустимо указывать несколько фоновых изображений, перечисляя их параметры через запятую.

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


Синтаксис:

            background-image: value;

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

значение по умолчанию: нет
Наследование:
Версия: CSS1
синтаксис JavaScript: "объект".style.backgroundImage="url(stars.gif)"


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

Описание
url('URL') URL-адрес изображения. Чтобы указать более одного изображения, отдельные Url-адреса указывать через запятые
нет фоновые изображения будут отображаться. Это значение установлено по умолчанию
определяет это свойство в значение по умолчанию.
наследуют Наследует это свойство от своего родительского элемента.


Пишем программу - Установить фоновое изображение для элемента div#rr размером 600px * 500px:

< !DOCTYPE html>
< html>
< head>
< style>
div#rr
{
background-image:url(../fon/19.jpg);
background-color:#cccccc;
width:600px;
height:500px;
}
< /style>
< /head>
< body>
< div id="rr">
< h2>ПРИВЕТ, М И Р !!!< /h2>
< /div>
< /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
... ... ...

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

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