Својство background-image
Својството background-image ја поставува позадинската
слика на елементот. По правило сликата
ќе ја покрие целата површина на блокот со свои копии, но
ова однесување може да се оневозможи со својството
background-repeat.
Синтакса
селектор {
background-image: url(патека до сликата);
}
селектор {
background-image: none;
}
Вредности
| Вредност | Опис |
|---|---|
url |
Патека до датотеката со сликата. Името на сликата може да биде во двојни наводници, едноставни наводници или без наводници. |
none |
Ја оневозможува позадинската слика за елементот. |
Вредност по правило: none.
Пример
Ќе поставиме позадинска слика со background-image,
спречувајќо ја нејзината повторување со својството
background-repeat:
<div id="elem"></div>
#elem {
background-image: url("bg.png");
background-repeat: no-repeat;
width: 400px;
height: 300px;
border: 3px solid black;
}
:
Пример
Без background-repeat позадинската слика
ќе ја покрие целата површина на блокот:
<div id="elem"></div>
#elem {
background-image: url("bg.png");
width: 400px;
height: 300px;
border: 3px solid black;
}
:
Пример
Може истовремено да се поставува позадинска слика
и да се поставува позадинска боја со background-color.
Во овој случај, каде што нема да има позадинска слика
- ќе има позадинска боја:
<div id="elem"></div>
#elem {
background-color: orange;
background-image: url("bg.png");
background-repeat: no-repeat;
width: 400px;
height: 300px;
border: 3px solid black;
}
:
Погледнете ги и
-
својството
background,
кое претставува кратенка за својствата на позадината