Verwendung des Attributs STYLE.BACKGROUND

Die Eigenschaft

STYLE.BACKGROUND ist eine CSS-Eigenschaft, die zum Gestalten des Hintergrunds eines Elements verwendet wird. Über dieses Attribut können wir Attribute wie Hintergrundbild, Hintergrundfarbe, Hintergrundwiederholung und Hintergrundposition festlegen.

Hintergrundbild: Sie können über einen URL-Link oder einen relativen Pfad ein Bild als Hintergrund des Elements angeben. Hier ist ein Beispiel:

element.style.backgroundImage = "url('image.jpg')";

Hintergrundfarbe: Wird verwendet, um die Hintergrundfarbe des Elements festzulegen. Farben können über vordefinierte Farbnamen oder RGB-Werte angegeben werden, oder die Transparenz kann über die Funktion rgba() eingestellt werden. Das Folgende ist ein Beispiel:

element.style.backgroundColor = "red";

Background-repeat: Wird verwendet, um den Wiederholungsmodus des Hintergrundbilds festzulegen. Einstellbar auf „repeat“ (Standardwert, Hintergrundbild wird wiederholt angezeigt), „repeat-x“ (wiederholte Anzeige in horizontaler Richtung), „repeat-y“ (wiederholte Anzeige in vertikaler Richtung) und „no-repeat“ (keine wiederholte Anzeige). Das Folgende ist ein Beispiel:

element.style.backgroundRepeat = "no-repeat";

Background-position: wird verwendet, um die Position des Hintergrundbilds festzulegen. Zur Angabe können Sie Schlüsselwörter (links, Mitte, rechts, oben, unten usw.) oder bestimmte Pixelwerte verwenden. Das Folgende ist ein Beispiel:

element.style.backgroundPosition = "center";

Background-attachment: wird verwendet, um festzulegen, ob sich das Hintergrundbild beim Scrollen bewegt. Es kann auf „Scrollen“ (Standardwert, das Hintergrundbild bewegt sich beim Scrollen der Bildlaufleiste) oder auf „Fest“ (das Hintergrundbild ist auf der Seite fixiert und bewegt sich beim Scrollen nicht) eingestellt werden. Das Folgende ist ein Beispiel:

element.style.backgroundAttachment = "fixed";

Das Obige sind nur einige Verwendungsbeispiele des STYLE.BACKGROUND-Attributs. Es gibt andere Attribute wie Hintergrundgröße, Hintergrundclip, Hintergrundbild usw. Erkunden und verwenden Sie sie weiter. Insgesamt ist die Eigenschaft STYLE.BACKGROUND eine sehr flexible und leistungsstarke CSS-Eigenschaft, die bei Effekten hilfreich sein kann.

Das obige ist der detaillierte Inhalt vonVerwendung des Attributs STYLE.BACKGROUND. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!