CSS/Eigenschaften/border-image-source

Die Eigenschaft border-image-source gibt eine URI für ein Hintergrundbild an, das die Rahmenlinie ersetzt

Erlaubte Werte

URI des Bildes

• image-set()
• conic-gradient()
• linear-gradient()
• radial-gradient()
• repeating-conic-gradient()
• repeating-linear-gradient()
• repeating-radial-gradient()

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

none

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja

Beispiel

.gradient-border {
  border-style: solid;
  border-width: 1em;
  border-image: conic-gradient(
                           gold  45deg, 
                      steelBlue 135deg, 
                      steelBlue 225deg, 
                           gold 315deg) 1;
}

Das Element erhält einen Rahmen, der nicht einfarbig, sondern mit einem Verlauf gefüllt ist.

Siehe auch

• Tricks mit border-image

Weblinks

• Spezifikation (W3C): Border Images