border-image-source

von 1 Mitwirkenden:

Übersicht

Die border-image-source CSS Eigenschaft definiert den <image> Wert, der anstatt dem Stil des Randes verwendet wird. Falls diese Eigenschaft auf none gesetzt wird, wird der Stil verwendet, der durch border-style definiert wird.

Hinweis: Obwohl jeder <image> Wert innerhalb dieser CSS Eigenschaft verwendet werden kann, ist die Browserunterstützung bisher noch begrenzt und einige Browser unterstützen nur Bilder, die über die url() Funktion angegeben werden.

  • Initialwert none
  • Anwendbar auf Alle Elemente, ausser internal table Elemente when border-collapse ist collapse
  • Vererbt Nein
  • Prozentwerte
  • Medium visuell
  • Berechneter Wert none oder the image with its URI made absolute
  • Animierbar Nein
  • Kanonische Reihenfolge die einzige nicht missverständliche Reihenfolge definiert durch die formale Grammatik

Syntax

Formale Syntax: none | <image> 
border-image-source: none                                  /* no border-image, use the specified border-style */
border-image-source: url(image.jpg)                        /* the image.jpg is used as image */
border-image-source: linear-gradient(to top, red, yellow)  /* a gradient is used as image */

border-image-source: inherit

Beispiele

Siehe border-image für Beispiele, welchen Einfluss die verschiedenen Werte haben.

Spezifikationen

Spezifikation Status Anmerkung
CSS Backgrounds and Borders Module Level 3
Die Definition von 'border-image-source' in dieser Spezifikation.
Anwärter Empfehlung Ursprüngliche Spezifikation

Browser Kompatibilität

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Unterstützung 15.0 15.0 (15.0) 11 15 6
Merkmal Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Grundlegende Unterstützung ? 15.0 (15.0) Nicht unterstützt ? ?

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: Sebastianz
Zuletzt aktualisiert von: Sebastianz,