... главная страницаКарта сайтаКонтакты

Главная
Синтаксис CSS
Свойства CSS
Форматирование блоков
Списки
Пример применения стилей
Оптимизация стилей
Оформление текстов
Использование блоков
Позиционирование
Слои в CSS
Готовые решения
Дополнительные возможности CSS
Программа TopStyle
Таблица цветов

 

Все свойства CSS

 

 
Яндекс.Метрика
 
 

background

 

 

 

Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да

Краткая информация

CSS CSS1
Значение по умолчанию Зависит от используемых аргументов
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML <body bgcolor="цвет" background="URL" bgproperties="fixed">
<table | thead | tbody | tfoot | tr | th | td bgcolor="цвет" background="URL">
Ссылка на спецификацию http://www.w3.org/TR/CSS21/colors.html#propdef-background

Описание

Параметр позволяет установить одновременно до пяти атрибутов стиля фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту. Для более подробного ознакомления с аргументами, смотрите свойства каждого параметра отдельно.

Синтаксис

background: background-attachment || background-color || background-image || background-position || background-repeat

Аргументы

Любые комбинации пяти значений, определяющих стиль фона, в произвольном порядке. Значения разделяются между собой пробелом. Ни один аргумент не является обязательным, поэтому неиспользуемые значения можно опустить.

Пример

Валидный CSS
Валидный HTML
<!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</title>
<style type="text/css">
DIV {
height: 200px; /* Высота блока */
width: 200px; /* Ширина блока */
overflow: auto; /* Добавляем полосы прокрутки */
padding-left: 15px; /* Отступ от текста слева */
background:
 #fc0 /* Цвет фона */
 url('sample.gif') /* Путь к фоновому изображению */
 repeat-y; /* Повторять фон по вертикали */
}
</style>
</head>
<body>

<div>
На этом сайте Вы можете найти необходимые в повседневной работе сайта бесплатные php скрипты - новостная лента, скрипт подписки и рассылки объявлений или рекламы, голосование, форму отправки сообщений на электронный адрес с Вашего сайта, каталог ссылок и многое другое находящееся в разработке.
</div>

</body>
</html>

Показать пример выполнения кода

 

Наверх страницы

 

Уроки CSS © 2007 - 2017 г. Все права защищены