CSS bietet mehrere Eigenschaften, die dazu beitragen, eine faszinierende Website zu erstellen, und die Hintergrundeigenschaft ist eine der wichtigsten Eigenschaften, mit denen wir den Hintergrund eines bestimmten Elements, der Webseite usw. festlegen können. Individuell führt jede Eigenschaft eine eindeutige Funktionalität aus, aber CSS bietet einige Funktionen, um mehrere Eigenschaften in einer einzelnen Eigenschaft zu kombinieren. Die Kombination mehrerer Hintergrundeigenschaften in einer einzigen Hintergrundeigenschaft wird als Hintergrundkurzeigeneigenschaften bezeichnet.

Hintergrund Kurzform

Es ist eine Abkürzungseigenschaft, die mehrere Werte gleichzeitig aufnehmen kann. Es ist eine Kurzmethode für die folgenden Eigenschaften:

• Hintergrund Wiederholung
• Hintergrundbild
• Hintergrundantrieb
• Hintergrundgröße
• Hintergrundfarbe
• Hintergrundposition
• Hintergrund-Ursprung
• Hintergrundclip

Die Hintergrundeigenschaft wird durch dargestellt "Hintergrund". Sie können jede der oben genannten Eigenschaften in der kombinieren Hintergrund Abkürzung nach Ihrem Bedarf.

Syntax

Die Eigenschaft Hintergrundkurse folgt der folgenden Syntax:

Hintergrund: Hintergrund im Hintergrund im Hintergrund im Hintergrund;

Aus der oben gegebenen Syntax kann beobachtet werden, dass die Hintergrund Kurzeigeneigenschaft nimmt mehrere von dem Raum getrennte Eigenschaften an. Die Hintergrundeigenschaft folgt einer bestimmten Reihenfolge, um die Mehrfacheigenschaften anzugeben.

Bevor wir uns zuerst auf die Hintergrundeigenschaften bestellen, werden wir verstehen, wie diese Eigenschaften als Einzelperson funktionieren. Daher werden wir einige der wichtigsten Hintergrundeigenschaften zusammen mit Beispielen berücksichtigen.

Hintergrundfarbe

Eine Eigenschaft, die die Hintergrundfarbe eines Elements bestimmt.

Beispiel
In diesem Beispiel wird hellblaue Farbe als Hintergrundfarbe des Körperelements festgelegt:

Hintergrundbild

Willkommen bei LinuxHint.com

Die Ausgabe des obigen Codes ist wie folgt:

Hintergrundbild

Die Hintergrundbildeigenschaft wird verwendet, um einzelne oder mehrere Bilder auf dem Hintergrund eines Elements zu implementieren.

Beispiel
Dieser untergegebene Code fügt ein Bild mit dem hinzu Hintergrundbild Eigentum:

Hintergrundbild

Willkommen bei LinuxHint.com

Wir erhalten die folgende Ausgabe:

Hintergrund Wiederholung

Hintergrund-Wiederholungseigenschaft aktivieren oder deaktivieren Sie die Wiederholung für das Hintergrundbild. Standardmäßig wiederholt das Bild in beide Richtungen i.e. Horizontal, Vertikal. Mithilfe der Eigenschaft mit Hintergrund-Wiederholungen können wir die Darstellung entsprechend unserem Bedarf E festlegen. E.G. Wiederholen Sie Ihnen die vertikale Wiederholung, Wiederholung von X für die horizontale Wiederholung oder keine Wiederholung, um Wiederholung zu vermeiden.

Beispiel
Im vorherigen Beispiel haben wir die Eigenschaft Hintergrundregelung nicht angegeben, daher wiederholt das Bild sowohl horizontal als auch vertikal. Der untergegebene Code verwendet jedoch den No-Repeat-Wert, um die Wiederholung zu deaktivieren:

Hintergrundbild

Willkommen bei LinuxHint.com

Diesmal wird das Hintergrundbild nun nur einmal angezeigt, wie in der folgenden Ausgabe gezeigt:

Hintergrundposition

Die Eigenschaft von Hintergrundpositionen bestimmt die Position des Hintergrundbildes wie links, oben, rechts, unten usw.

Beispiel
Das folgende Beispiel wird das Hintergrundbild in der Mitte der Seite festgelegt:

Hintergrundbild

Willkommen bei LinuxHint.com

Der obige Code erzeugt die folgende Ausgabe:

In ähnlicher Weise gibt es einige andere Eigenschaften, die für den Hintergrund verwendet werden können, z. B.:

• Hintergrundanschluss gibt an
• Hintergrundgröße wird verwendet, um die Größe des Hintergrundbildes festzulegen
• Hintergrundorientin bestimmt den Ursprung des Hintergrundbildes

Hintergrundkurzanweisung

Während wir mit Hintergrund -Shorthand -Eigenschaft arbeiten, müssen wir die Eigenschaften in einer bestimmten Reihenfolge definieren, wie unten gezeigt:

• Wir müssen zuerst die Hintergrundfarbe schreiben
• Dann ist der zweite Wert für das Hintergrundbild
• Der dritte Wert wird für den Hintergrund-Repeat angegeben
• Der Hintergrundabbau erfolgt nach dem Hintergrund-Repeat
• Danach ist der Wert der Hintergrundposition geschrieben

Wir können jede Eigenschaft abhängig vom Szenario überspringen, aber wir müssen die anderen Eigenschaften in ordnungsgemäßer Reihenfolge schreiben.

Beispiel
Im vorherigen Beispiel (Hintergrundposition) haben wir drei verschiedene Eigenschaften verwendet. Wir schreiben jede Eigenschaft separat, was ein Zeitprozess ist. Diese Eigenschaften können jedoch wie unten gezeigt in einer Eigenschaft gruppiert werden:

Hintergrundbild

Willkommen bei LinuxHint.com

Im oben gegebenen Code schreiben wir drei Eigenschaften: Hintergrundbild, Hintergrundrepeat und Hintergrundposition innerhalb der Kurzhintergrundeigenschaft. Es wird die folgende Ausgabe angezeigt:

Abschluss

Mit der Eigenschaft Hintergrund -Shorthand können wir die mehreren Hintergrundeigenschaften innerhalb einer einzelnen Eigenschaft gleichzeitig festlegen. Die Eigenschaften der Hintergrundkurse folgen einer spezifischen Reihenfolge, um die Mehrfacheigenschaften in der Hintergrundeigenschaft festzulegen. In dieser Beschreibung haben wir gelernt, was eine Kurzschalterneigenschaft ist, welche Eigenschaften innerhalb der verwendet werden können Hintergrund Eigentum. Danach bestimmt dieser Artikel eine bestimmte Reihenfolge für die Eigenschaften.