CSS/Eigenschaften/border-image-repeat

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft border-image-repeat legt fest, ob und wie die vier Bildteile in den Seitenrändern wiederholt werden.

erlaubte Werte
  • ein oder zwei Werte
  • repeat, Wiederholung, Bildteile werden nicht verändert, Einzelbilder am Anfang und Ende werden ggf. abgeschnitten
  • space, Wiederholung, Bildteile werden nicht verändert, ggf. zusätzlicher Platz wird zwischen den Einzelbildern verteilt
  • round, Wiederholung, Bildteile werden so in der Größe verändert, dass keines am Ende abgeschnitten wird
  • stretch, keine Wiederholung, sondern Streckung.
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: stretch
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar ja
Beispiel
div { border-image-repeat: repeat;}
Das Rahmenbild wird wiederholt.
Empfehlung: Um den Elementen thead, tbody, tfoot oder tr einen sichtbaren Rahmen zuzuweisen, müssen die Rahmen innerhalb der Tabelle zusammenfallen (d. h. table { border-collapse: collapse; })

Weblinks