Border-Image
CSS Border-Image

CSSWerteBedeutung
border-width:1px; 5px 2px 8px 2px;Stärke der gesamten Kontur. Einzelne Rahmen ansprechen.
border-image-source:url('rahmen.png');Lädt den Border-Image Sprite
border-image-slice:98 96 97 100 fill;Zerschneidet den Sprite in Slices. Innenfläche kann mit fill gefüllt werden. Es gibt praktische Editoren um dieses Zerschnippeln vorzunehmen.
border-image-repeat:repeat, round, stretch; space;Der Rahmen-Slices wiederholen sich (repeat), wiederholen sich mit Anpassung (round), werden gestreckt (stretch) oder wiederholt und ergänzt (space).
border-image-outset:5pxVerschiebung des Rahmens
-VENDOR-border-image:url(rahmen.jpg) 30 round;Kurzschreibweise die allerdings aufgrund der notwendigen Vendor Prefixe keine nennenswerten Vorteile in der Zeitersparnis bietet.

► Weitere Infos

Externe Quellen

Kompatibilität

http://caniuse.com/#feat=border-image

Die Unterstützung für die Eigenschaften des <video> durch die heute gängigen Browser ist bei Beachtung der spezifischen Eigenschaften (border-image-source, border-image-slice, etc) sehr gut.


CSS Backgrounds and Borders Module Level 3

6. Border Images

Original Spezifikation der W3C für Border-Images in englischer Sprache.


<video> auf selfhtml.wiki

http://wiki.selfhtml.org(...)border-image

Umfangreiche Erklärung in deutscher Sprache.


Understanding Border-Image

https://css-tricks.com/(...)border-image/

Artikel in englischer Sprache.


Border-Image-Generator

http://border-image.com/

Generator für Border-Images in englischer Sprache.