Hintergrundbild einmal zentriert darstellen


Sie möchten Ihr Hintergrundbild nur einmal und/oder zentriert darstellen?
Das CSS-Attribut "background-repeat" gibt an, wie oft ein Hintergrundbild wiederholt wird.
Weisen Sie diesem Attribut den Wert "no-repeat" zu, so wird das Hintergrundbild nur einmal angezeigt.
Weitere mögliche Werte sind "repeat-x" (waagrechte Wiederholung) und "repeat-y" (senkrechte Wiederholung). Die Voreinstellung ist "repeat" (ständige Wiederholung).

Mit Hilfe des CSS-Attributes "background-position" definieren Sie die Position des Hintergrundbildes.
So bewirkt der Wert "center" eine zentrierte Darstellung ("top" = nach oben ausgerichtet, "bottom" = nach unten ausgerichtet, "left" = nach links ausgerichtet und "right" = nach rechts ausgerichtet).

Ein Beispiel für die beiden CSS-Eigenschaften:

<html>
<head>
<style type="text/css">
<!--
body {
background-repeat: no-repeat;
background-position: center;
background-image: url(hintergrund.gif);
}
-->
</style>
</head>
<body>
Dies ist ein Beispiel-Text, der das Beispiel verdeutlichen soll.<br>
Beispielsweise finden Sie hier viel Text.
</body>
</html>

(as)

Weitere Funktionen
Zur Artikel-Übersicht
Diesen Artikel ausdrucken
Beispiel downloaden
Online-Beispiel ansehen
Haben Sie noch Fragen? Fragen Sie auf computer-portal.net.
Bewertung
Dieser Tipp wurde für genial mit 10 von 10 Punkten [ 23 Stimme(n) ] befunden.

Bewertung in Punkten [10 = genial, 1 = sehr schlecht]:      
Kommentare
Bisherige Kommentare ansehen:
Zu diesem Artikel wurden noch keine Kommentare verfasst.

Einen eigenen Kommentar verfassen:
Sie müssen sich erst registrieren um einen Kommentar verfassen zu können.

Bestellen
Abbestellen
    
    
    Weitere Informationen
  Welchen Browser nutzen Sie?
Internet Explorer
Mozilla
Mozilla Firefox
Netscape
Opera
Safari
Sonstige
    Ergebnis ansehen