Właściwości tła CSS
Przykłady
Ustawianie wielu obrazów tła w elemencie div (i podać ich lokalizację):
{
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
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