CSS zapewnia wiele właściwości, które pomagają utworzyć fascynującą stronę internetową, a właściwość podstawowa jest jedną z najważniejszych właściwości, które pozwalają nam ustawić tło dowolnego elementu, strony internetowej itp. Indywidualnie każda właściwość wykonuje unikalną funkcjonalność, jednak CSS zapewnia pewne funkcje w celu połączenia wielu właściwości w jednej właściwości. Połączenie wielu właściwości tła w jednej właściwości tła jest znane jako właściwość tła skrótem.

Własność tła skrótów

Jest to właściwość skrótów, która może przyjmować wiele wartości jednocześnie. Jest to metoda skrótów dla następujących właściwości:

• powtarzanie tła
• zdjęcie w tle
• Przywiązanie do tła
• Rozmiar tła
• kolor tła
• pozycja w tle
• Origina w tle
• klapa

Właściwość tła jest reprezentowana przez "tło". Możesz połączyć dowolną z wyżej wymienionych właściwości w tło Wymaga skrótów zgodnie z potrzebami.

Składnia

Właściwość tła skrót od następującej składni:

Tło: kolor tła i obraz tła;

Z powyższej składni można zaobserwować, że tło Własność skrótów przyjmuje wiele właściwości oddzielonych przestrzenią. Właściwość tła jest zgodna z określoną kolejnością, aby określić wiele właściwości.

Tutaj, zanim przejdziemy do właściwości tła, najpierw zrozumiemy, jak te właściwości działają jako jednostka. Dlatego rozważymy niektóre z głównych właściwości podstawowych wraz z przykładami.

kolor tła

Właściwość, która określa kolor tła elementu.

Przykład
Ten przykład ustawi jasnoniebieski kolor jako kolor tła elementu ciała:

Zdjęcie w tle

Witamy w Linuxhint.com

Wyjście powyższego kodu będzie takie:

zdjęcie w tle

Właściwość obrazu tła służy do implementacji pojedynczych lub wielu obrazów na tle elementu.

Przykład
Ten poniżej przekazany kod doda obraz za pomocą zdjęcie w tle nieruchomość:

Zdjęcie w tle

Witamy w Linuxhint.com

Otrzymamy następujące dane wyjściowe:

powtarzanie tła

Właściwość powtarzania tła Włącz lub wyłącz powtórzenie obrazu tła. Domyślnie obraz powtórzył się w obu kierunkach i.mi. poziomy pionowy. Jednak za pomocą właściwości powtarzania tła możemy ustawić przedstawiciel zgodnie z naszą potrzebą E.G. Powtórz Y w celu powtórzenia pionowego, powtórz-X do powtarzania poziomego lub bez powtórzeń, aby uniknąć powtórzenia.

Przykład
W poprzednim przykładzie nie określiliśmy właściwości powtarzania tła, dlatego obraz powtarzał się zarówno w poziomie, jak i pionowo. Jednak poniżej przekazany kod wykorzystuje wartość bez powtórzenia, aby wyłączyć powtórzenie:

Zdjęcie w tle

Witamy w Linuxhint.com

Teraz tym razem obraz tła pojawi się tylko raz, jak pokazano przy następujących wyjściach:

pozycja w tle

Właściwość pozycji tła określa pozycję obrazu tła, takiej jak lewy, górny, prawy, dolny itp.

Przykład
Poniższy podany przykład ustawi obraz tła na środku strony:

Zdjęcie w tle

Witamy w Linuxhint.com

Powyższy kod wytworzy następujące dane wyjściowe:

Podobnie istnieją inne właściwości, które można użyć na tle, takie jak:

• Przywiązanie do tła określa albo obraz zostanie naprawiony dla całej strony, albo może przewijać
• Rozmiar tła służy do ustawienia rozmiaru obrazu tła
• Origina w tle określa pochodzenie obrazu tła

Tło Zamówienie nieruchomości i

Podczas pracy z właściwością skrót od tła musimy zdefiniować właściwości w określonej kolejności, jak pokazano poniżej:

• Musimy najpierw napisać kolor tła
• Wtedy druga wartość jest dla obrazu tła
• Trzecia wartość jest określona dla powtarzania tła
• Przywiązanie tła pojawia się po powrocie tła
• Następnie wartość pozycji tła jest pisana

Możemy pominąć dowolną właściwość w zależności od scenariusza, ale musimy napisać inne właściwości w odpowiednich kolejności.

Przykład
W poprzednim przykładzie (pozycja w tle) wykorzystaliśmy trzy różne właściwości. Piszemy każdą właściwość osobno, co jest procesem czasu czasu. Jednak te właściwości można pogrupować w jednej właściwości, jak pokazano poniżej:

Zdjęcie w tle

Witamy w Linuxhint.com

W wyżej przekazanym kodzie. Pokaże następujące dane wyjściowe:

Wniosek

Właściwość tła skortowana pozwala nam jednocześnie ustawić wiele właściwości tła w jednej właściwości. Właściwości tła skrótów są zgodne z określoną kolejnością, aby ustawić wiele właściwości w właściwości tła. W tym artykule dowiedzieliśmy się, jaka jest właściwość skrótów w tle, jakie właściwości można użyć w obrębie tło nieruchomość. Następnie ten artykuł określa określoną kolejność dla właściwości.