Referenz:CSS/Eigenschaften/border-image

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft border-image CSS 3.0
Beschreibung ersetzt Rahmenlinie durch ein Hintergrundbild
erlaubte Werte
default-Wert

siehe Einzeleigenschaften

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar ja
Browsersupport
  • Chrome
  • Firefox
  • IE 11
  • Opera
  • Safari
Spezifikation W3c logo klein.gif Border Image Shorthand: the ‘border-image’ property
Beispiel
div { border-image: url(Border-image.png) 99 102 stretch;}
  • geladen wird das Bild: Border-image.png
  • Abgeschnitten wird jeweils bei 99 Pixeln ab der Ober- und Unterkante, und bei 102 Pixeln ab der rechten und linken Kante
  • Das Bild 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;})