Referenz:CSS/Eigenschaften/border-image-repeat

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft border-image-repeat CSS 3.0
Beschreibung legt fest, ob und wie die vier Bildteile in den Seitenrändern wiederholt werden
erlaubte 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.
default-Wert

siehe Einzeleigenschaften

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar ja
Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Spezifikation W3c logo klein.gif Image Tiling: the ‘border-image-repeat’ property
Beispiel
div { border-image: url(Border-image.png) 99 102 stretch;}

Das Rahmenbild wird nicht wiederholt, sondern gestreckt.

Beachten Sie
Tipp

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;})