border-image-outset
Übersicht
Die border-image-outset
CSS Eigenschaft beschreibt, um welchem Wert der Randbildbereich über die Borderbox hinausragt.
Initialwert | 0 |
---|---|
Anwendbar auf | Alle Elemente, außer interne Tabellenelemente, falls border-collapse collapse ist. Auch anwendbar auf ::first-letter (en-US). |
Vererbt | Nein |
Berechneter Wert | relativ zur gleichen Achse der Innenabstandsbox des Scrollcontainers |
Animationstyp | by computed value type |
Syntax
border-image-outset =
[ <length [0,∞]> | <number [0,∞]> ]{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
Spezifikation | Status | Kommentar |
---|---|---|
CSS Backgrounds and Borders Module Level 3 Die Definition von 'border-image-outset' in dieser Spezifikation. |
Anwärter Empfehlung | Ursprüngliche Definition |
Browser Kompatibilität
BCD tables only load in the browser