mozilla

Version 109577 von background-repeat

  • Adressname der Version: CSS/background-repeat
  • Titel der Version: background-repeat
  • ID der Version: 109577
  • Erstellt:
  • Autor: Michael2402
  • Aktuelle Version? Nein
  • Kommentar Die Seite wurde neu angelegt: __NOTOC__ <div class="breadcrumbs"><table width="100%"><tr> <td style="width:33%;text-align:left"> ← [[CSS:background-image|background-repeat]] </td> <td style="widt...
Schlagwörter: 

Inhalt der Version


Übersicht

Die Eigenschaft background-repeat gibt an ob und in welche Richtung das Hintergrundbild wiederholt wird.

Standardwert
repeat
Anwendbar auf
Alle Elemente
Geerbt
Nein
Medium
visual
Werte
repeat, repeat-x, repeat-y, no-repeat, inherit

Syntax

background-repeat: repeat | repeat-x | repeat-y | no-repeat | inherit


Werte

Wenn zwei Werte angegeben werden und nicht eindeutiog ist welcher Wert in welche Richtung gilt, so wird der Erste für die horizontale, der Zweite für die vertikale Position benutzt.

repeat
Das Hintergrundbild wird wiederholt
repeat-x
Das Hintergrundbild wird nur in horizontale Richtung wiederholt
repeat-y
Das Hintergrundbild wird nur in vertikale Richtung wiederholt
no-repeat
Das Hintergrundbild wird nicht wiederholt
inherit
der Browser verwendet den Wert des Elternelements.


Beispiele

Kein Beispiel vorhanden {| class="standard-table" style="width:100%" |- |class="header"|Ergebnis |class="header"|Quelltext |}

Browser-Kompatibilität

   IE
   Netscape
   Opera
   Firefox
   Konqueror
   Netscape
   Opera
   Firefox
   Konqueror
Browser Internet Explorer Netscape Opera Firefox Konqueror
Version 4 5 6 7 4 5 6 7 3 4 5 6 7 8 1 2 3 3.5.x
wird unterstützt Ja Ja Ja Ja Nein Nein Ja Ja Ja * Ja Ja Ja Ja Ja Ja Ja Ja Ja

Siehe auch

background, background-attachment, background-color, background-image, background-position

Quelltext der Version

<p><br>
</p>
<div class="breadcrumbs"><table width="100%"><tbody><tr>
<td style="width:33%;text-align:left"> ← <a href="de/CSS/background-image">background-repeat</a> </td>
<td style="width:33%;text-align:center"> ↑ <a href="de/CSS/background">background</a> ↑ </td>
<td style="width:33%;text-align:right"> <a href="de/CSS/background-position">background-position</a> → </td>
</tr></tbody></table></div>
<h3 name=".C3.9Cbersicht"> Übersicht </h3>
<p>Die Eigenschaft <b>background-repeat</b> gibt an ob und in welche Richtung das Hintergrundbild wiederholt wird. 
</p>
<dl><dt>Standardwert</dt><dd> repeat
</dd><dt>Anwendbar auf</dt><dd> Alle Elemente
</dd><dt>Geerbt</dt><dd> Nein
</dd><dt>Medium</dt><dd> visual
</dd><dt>Werte</dt><dd> repeat, repeat-x, repeat-y, no-repeat, inherit
</dd></dl>
<h3 name="Syntax"> Syntax </h3>
<pre>background-repeat: repeat | repeat-x | repeat-y | no-repeat | inherit</pre>
<p><br>
</p>
<h3 name="Werte"> Werte </h3>
<p>Wenn zwei Werte angegeben werden und nicht eindeutiog ist welcher Wert in welche Richtung gilt, so wird der Erste für die horizontale, der Zweite für die vertikale Position benutzt.
</p>
<dl><dt>repeat
</dt><dd>Das Hintergrundbild wird wiederholt
</dd><dt>repeat-x</dt><dd> Das Hintergrundbild wird nur in horizontale Richtung wiederholt
</dd><dt>repeat-y</dt><dd> Das Hintergrundbild wird nur in vertikale Richtung wiederholt
</dd><dt>no-repeat</dt><dd> Das Hintergrundbild wird nicht wiederholt
</dd><dt>inherit
</dt><dd>der Browser verwendet den Wert des Elternelements.
</dd></dl>
<p><br>
</p>
<h3 name="Beispiele"> Beispiele </h3>
<p>Kein Beispiel vorhanden
<span class="comment">{| class="standard-table" style="width:100%" |- |class="header"|Ergebnis |class="header"|Quelltext |}</span>
</p>
<h3 name="Browser-Kompatibilit.C3.A4t">Browser-Kompatibilität</h3>
<pre class="eval">   <span class="comment">IE</span>
</pre><pre class="eval">   <span class="comment">Netscape</span>
</pre><pre class="eval">   <span class="comment">Opera</span>
</pre><pre class="eval">   <span class="comment">Firefox</span>
</pre><pre class="eval">   <span class="comment">Konqueror</span>
</pre><pre class="eval">   <span class="comment">Netscape</span>
</pre><pre class="eval">   <span class="comment">Opera</span>
</pre><pre class="eval">   <span class="comment">Firefox</span>
</pre><pre class="eval">   <span class="comment">Konqueror</span>
</pre><table class="standard-table" style="width:100%">
  <tbody><tr>
    <th class="header">Browser</th>
    <th class="header" colspan="4">Internet Explorer</th>
    <th class="header" colspan="4">Netscape</th>
    <th class="header" colspan="6">Opera</th>
    <th class="header" colspan="3">Firefox</th>
    <th class="header" colspan="1">Konqueror</th>
  </tr>
  <tr>
    <th>Version</th>

    <th class="header">4</th>
    <th class="header">5</th>
    <th class="header">6</th>
    <th class="header">7</th>

    <th class="header">4</th>
    <th class="header">5</th>
    <th class="header">6</th>
    <th class="header">7</th>

    <th class="header">3</th>
    <th class="header">4</th>
    <th class="header">5</th>
    <th class="header">6</th>
    <th class="header">7</th>
    <th class="header">8</th>

    <th class="header">1</th>
    <th class="header">2</th>
    <th class="header">3</th>

    <th class="header">3.5.x</th>
  </tr>
  <tr>
    <td>wird unterstützt</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>

    <td style="background:#FF9E71">Nein</td>
    <td style="background:#FF9E71">Nein</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>

    <td style="background:#5FE716" title="ab Version 3.5">Ja *</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>

    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>

    <td style="background:#5FE716">Ja</td>
  </tr>
</tbody></table>
<h3 name="Siehe_auch">Siehe auch</h3>
<p><a href="de/CSS/background">background</a>, <a href="de/CSS/background-attachment">background-attachment</a>, <a href="de/CSS/background-color">background-color</a>, <a href="de/CSS/background-image">background-image</a>, <a href="de/CSS/background-position">background-position</a>
</p>
Zu dieser Version zurücksetzen