CSS krótki atrybut tła

CSS background - krótki atrybut

aby skrócić kod, możesz również指定 wszystkie atrybuty tła w jednym atrybucie. Nazywa się to krótkim atrybutem.

zamiast tego napisać:

body {
  background-color: #ffffff;
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

możesz użyć krótkiego atrybutu background:

przykład

ustawienie atrybutów tła w jednym wyrażeniu za pomocą krótkiego atrybutu:

body {
  background: #ffffff url("tree.png") no-repeat right top;
}

spróbuj sam

w przypadku użycia krótkiego atrybutu, kolejność wartości atrybutów to:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

brakująca wartość atrybutu nie ma znaczenia, wystarczy ustawić inne wartości w tej kolejności. Proszę zauważyć, że w powyższym przykładzie nie użyliśmy atrybutu background-attachment, ponieważ nie ma on wartości.

wszystkie atrybuty CSS tła

atrybut opis
background krótki atrybut do ustawienia wszystkich atrybutów tła w jednym wyrażeniu.
background-attachment ustawia, czy obraz tła jest stały czy przesuwa się razem z resztą strony.
background-clip określa obszar rysowania tła.
background-color ustawia kolor tła elementu.
background-image ustawia obraz tła elementu.
background-origin określa, gdzie umieścić obraz tła.
background-position Ustawia początkową pozycję obrazu tła.
background-repeat Ustawia, czy obraz tła jest powtarzany oraz w jaki sposób.
background-size Określa rozmiar tła obrazu.