Internet Explorer | Chrome | Opera | Safari | Firefox
7.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.6 | 10.0 | 10.0 | 3.1 | 4.0 | 5.0 | 3.0 | 3.6 | 4.0
Частково | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так

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

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

### Опис

Універсальна властивість background дозволяє встановити одночасно до п'яти характеристик фону. Значення можуть йти у будь-якому порядку, браузер сам визначить, яке з них відповідає потрібній властивості. Для детального ознайомлення дивитеся інформацію про кожну властивість окремо.

### Синтаксис

background: [background - attachment || background - color || background - image || background - position || background - repeat] | inherit

### Значення

Будь-які комбінації п'яти значень, що розділяються між собою пропуском, визначають стиль фону, в довільному порядку. Жодне значення не є обов'язковим, тому невживані можна опустити. inherit наслідує значення у батьківського елементу.

Приклад

HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.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('images/sample.png') repeat - y; /* Колір фону,

                                                                                                            шлях до фонового зображення і

                                                                                                            повторення фону по вертикалі */

          }

        </style>

      </head>

      <body>

        <div>

          Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie

          consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et

          iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore

          te feugat nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci taion

          ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te

          feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.

        </div>

      </body>

    </html>

Результат цього прикладу показаний нижче (мал. 1).

Мал. 1. Вид фону і фонового малюнка у блоці фіксованого розміру

### Об'єктна модель

[window.]document.getElementById("elementID").style.background

### Браузери

Internet Explorer до сьомої версії включно не підтримує значення inherit.

###