Назад Вперед Зміст

Фон у вигляді зображення.

Для задання фону у вигляді зображення використовується властивість background-image.

Зробимо фоном усієї сторінки зображення fon1.jpg

Таблиця стилів:

Якщо не задані інші властивості, браузер автоматично повторює зображення, заповнюючи ним весь простір елемента (у цьому випадку всієї сторінки). Це властивість можна змінювати.

Повторення фонового зображення

Властивість background-repeat.

Значення цієї властивості:

1. repeat — повторення зображення по вертикалі та по горизонталі.
2. repeat-x — повторення зображення тільки по горизонталі.
3. repeat-y — повторення зображення тільки по вертикалі.
4. no-repeat — заборона повторення.

Зображення bg12.jpg автоматично повторюється на весь документ:

Відміна повторення зображення:

Зображення повторюється по горизонталі:

Зображення повторюється по вертикалі: