Właściwości tła CSS

Przykłady

Ustawianie wielu obrazów tła w elemencie div (i podać ich lokalizację):

body
{
background: #00ff00 url('smiley.gif') no-repeat fixed center;
}

Spróbuj »

Pomoc Browser

Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.

Natychmiast po -webkit- cyfrowego -ms- lub -moz- temu w uzasadnieniu przedrostka atrybutu pierwszy numer wersji przeglądarki.

属性
background 1.0 4.0 1.0 1.0 3.5

Wszystkie główne przeglądarki obsługują atrybutów tła.

Należy zauważyć, że IE8 i wcześniejsze wersje nie obsługują wiele elementów obrazu tła.

Zauważ, że IE7 i starsze wersje nie obsługują "dziedziczenia" wartość.IE8 należy zdefiniować! DOCTYPE. IE9 wspiera "dziedziczenia".


definicje i instrukcje Tag

Tło skróconą własnością może ustawić wszystkie właściwości tła w jednej deklaracji.

Właściwości można ustawić to: background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment i background-image.

Jeśli powyższa wartość brakuje, to nie ma znaczenia, jak background: # ff0000 URL (smiley.gif) jest dozwolone.

Domyślnie: Patrz odrębnej własności
Dziedziczenie: nie
Wersja: CSS1 + CSS3 nowe właściwości
Składnia JavaScript: object object.style.background url = "red (smiley.gif) gorny lewy no-repeat"


gramatyka

background:color position size repeat origin clip attachment image;

wartość wyjaśnienie CSS
background-color Określa kolor tła do wykorzystania 1
background-position Określa położenie obrazu tła 1
background-size Określa rozmiar obrazu tła 3
background-repeat Określa sposób, aby powtórzyć obraz tła 1
background-origin lokalizacja określona tła 3
background-clip Określa obszar malowania obrazu tła 3
background-attachment Ustaw obraz tła jest ustalona lub przewijanie z resztą strony. 1
background-image Określ jeden lub więcej obrazów tła do wykorzystania 1


Powiązane artykuły

Kurs CSS: CSS Tło

Tutorial CSS3: CSS3 Tła