border-image-outset

Übersicht

Die border-image-outset CSS Eigenschaft beschreibt, um welchem Wert der Randbildbereich über die Borderbox hinausragt.

Syntax

[ <length> | <number> ]{1,4}

border-image-outset: Seiten                  /* Ein-Wert Syntax   */  z. B. border-image-outset: 30%; 
border-image-outset: vertikal horizontal     /* Zwei-Werte Syntax   */  z. B. border-image-outset: 10% 30%; 
border-image-outset: oben horizontal unten   /* Drei-Werte Syntax */  z. B. border-image-outset: 30px 30% 45px; 
border-image-outset: oben rechts unten links /* Vier-Werte syntax  */  z. B. border-image-outset: 7px 12px 14px 5px;

border-image-repeat: inherit

Werte

Seiten

Ist ein <length> oder ein <percentage> Wert, der den Betrag angibt, um welchen der Randbildbereich die Borderbox in allen vier Richtungen überragt.

horizontal

Ist ein <length> oder ein <percentage> Wert, der den Betrag angibt, um welchen der Randbildbereich die Borderbox in beiden horizontalen Richtungen überragt.

vertikal

Ist ein <length> oder ein <percentage> Wert, der den Betrag angibt, um welchen der Randbildbereich die Borderbox in beiden vertikalen Richtungen überragt.

oben

Ist ein <length> oder ein <percentage> Wert, der den Betrag angibt, um welchen der Randbildbereich über den oberen Rand der Borderbox hinausragt.

unten

Ist ein <length> oder ein <percentage> Wert, der den Betrag angibt, um welchen der Randbildbereich über den unteren Rand der Borderbox hinausragt.

rechts

Ist ein <length> oder ein <percentage> Wert, der den Betrag angibt, um welchen der Randbildbereich über den rechten Rand der Borderbox hinausragt.

links

Ist ein <length> oder ein <percentage> Wert, der den Betrag angibt, um welchen der Randbildbereich über den linken Rand der Borderbox hinausragt.

inherit

Ist ein Schlüsselwort, das angibt, dass alle vier Werte vom berechneten Wert des Elternelements geerbt werden.

Spezifikation

Browser Kompatibilität