CSS приклад: background

Тег CSS з прикладом

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

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

Синтаксис

CSS2.1
background: [background-attachment || background-color || background-image 
  || background-position || background-repeat] | inherit
CSS3
background: [<фон>, ]* <последний_фон>

Опис

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

Значення

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

Приклади

Приклад 1

Результат показано наступним чином.

Приклад 2

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

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

Браузери

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

Цвет и фон

Часті запитання

  • Q: Як використовувати background в CSS?

    A: Властивість background в CSS використовується для задання заднього плану для елементів. Можна вказати колір, зображення або градієнт.

  • Q: Як задати колір фону з елементом background в CSS?

    A: Для задання колору фону можна використовувати властивість background-color.

  • Q: Як вказати зображення як фон елементу в CSS?

    A: Для цього використовується властивість background-image, яка приймає шлях до зображення.

  • Q: Як встановити повторення зображення заднього плану в CSS?

    A: Для цього можна використати властивість background-repeat і вказати значення, наприклад, repeat, no-repeat, repeat-x, repeat-y.

  • Q: Як вирівняти зображення заднього плану в CSS?

    A: Для вирівнювання можна використати властивості background-position або background-origin.