Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

To tłumaczenie jest niekompletne. Pomóż przetłumaczyć ten artykuł z języka angielskiego.

Podsumowanie

Własność background jest skrótową deklaracją ustawiania indywidualnych wartości własności tła w pojedynczym miejscu w arkuszu stylów. background może być stosowane do ustawiania wartości dla jednej lub więcej z wymienionych własności: background-attachment, background-color, background-image, background-position, background-repeat.

Wartość początkowaas each of the properties of the shorthand:
Stosowana dowszystkich elementów. It also applies to ::first-letter and ::first-line.
Dziedziczonano
Percentagesas each of the properties of the shorthand:
  • background-position: refer to the size of the background positioning area minus size of background image; size refers to the width for horizontal offsets and to the height for vertical offsets
  • background-size: relative to the background positioning area
Mediavisual
Wartość wyliczonaas each of the properties of the shorthand:
  • background-image: as specified, but with URIs made absolute
  • background-position: a list, each item consisting of two keywords representing the origin and two offsets from that origin, each given as an absolute length (if given a length), otherwise as a percentage
  • background-size: as specified, but with relative lengths converted into absolute lengths
  • background-repeat: a list, each item consisting of two keywords, one per dimension
  • background-origin: jako określone
  • background-clip: jako określone
  • background-attachment: jako określone
  • background-color: If the value is translucent, the computed value will be the rgba() corresponding one. If it isn't, it will be the rgb() corresponding one. The transparent keyword maps to rgba(0,0,0,0).
Animatableas each of the properties of the shorthand:
  • background-color: yes, as a color
  • background-image: no
  • background-clip: no
  • background-position: yes, as a repeatable list of , a simple list of , a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers.
  • background-size: yes, as a repeatable list of , a simple list of , a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. . This means keyword values are not animatable.
  • background-repeat: no
  • background-attachment: no
Canonical orderorder of appearance in the formal grammar of the values

Składnia

background: [  <background-color>    ||  <background-image>       ||
               <background-repeat>   ||  <background-attachment>  ||
               <background-position>
            ]   |   inherit ;

Wartości

background-color
Zobacz background-color.
background-image 
Zobacz background-image.
background-repeat 
Zobacz background-repeat.
background-attachment 
Zobacz background-attachment.
background-position 
Zobacz background-position.

Przykłady

HTML

<p class="topbanner">
  Starry sky<br/>
  Twinkle twinkle<br/>
  Starry sky
</p>
<p class="warning">Here is a paragraph<p>

CSS

.warning { 
  background: red; 
}

.topbanner { 
  background: url("https://mdn.mozillademos.org/files/11983/starsolid.gif") #00D repeat-y fixed; 
}

Result

Notatki

Biorąc pod uwagę sensowność deklaracji, własność background najpierw ustawia indywidualne własności tła na ich początkowe wartości, potem przydziela jawne wartości określone w deklaracji. Nie musisz definiować wartości dla każdej z indywidualnych wartości, wystarczy, że zadeklarujesz tylko te, które chcesz zmienić z wartości początkowej.

Specyfikacje

Zgodność z przeglądarką

Przeglądarka Najniższa wersja
Internet Explorer 4
Firefox 1
Netscape 6
Opera 3.5

Zobacz także

background, background-attachment, background-color, background-image, background-position, background-repeat

Autorzy i etykiety dokumentu

Etykiety: 
 Autorzy tej strony: teoli, SphinxKnight, Yuichiro, Witia, Mgjbot, Kjj2, Ptak82
 Ostatnia aktualizacja: teoli,