mask-border-outset

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Die mask-border-outset CSS Eigenschaft gibt die Distanz an, um die der mask border eines Elements von seinem border box abgesetzt ist.

Syntax

css

/* <length> value */
mask-border-outset: 1rem;

/* <number> value */
mask-border-outset: 1.5;

/* top and bottom | left and right */
mask-border-outset: 1 1.2;

/* top | left and right | bottom */
mask-border-outset: 30px 2 45px;

/* top | right | bottom | left */
mask-border-outset: 7px 12px 14px 5px;

/* Global values */
mask-border-outset: inherit;
mask-border-outset: initial;
mask-border-outset: revert;
mask-border-outset: revert-layer;
mask-border-outset: unset;

Die Eigenschaft mask-border-outset kann mit ein, zwei, drei oder vier Werten angegeben werden. Jeder Wert ist ein <length> oder <number>. Negative Werte sind unzulässig.

Wenn ein Wert angegeben ist, gilt der gleiche Abstand für alle vier Seiten.
Wenn zwei Werte angegeben sind, gilt der erste Abstand für oben und unten, der zweite für links und rechts.
Wenn drei Werte angegeben sind, gilt der erste Abstand für oben, der zweite für links und rechts, der dritte für unten.
Wenn vier Werte angegeben sind, gelten die Abstände für oben, rechts, unten und links in dieser Reihenfolge (im Uhrzeigersinn).

Werte

<length>: Die Größe des mask border Outsets als Dimension.
<number>: Die Größe des mask border Outsets als Vielfaches der entsprechenden border-width.

Formale Definition

Anfangswert	`0`
Anwendbar auf	alle Elemente; In SVG gilt betrifft dies Containerelemente mit Ausnahme des `<defs>` Elements und allen Grafikelementen
Vererbt	Nein
Berechneter Wert	relativ zur gleichen Achse der Innenabstandsbox des Scrollcontainers
Animationstyp	diskret

Formale Syntax

mask-border-outset = 
  [ <length> | <number> ]{1,4}

Diese Eigenschaft scheint derzeit nirgendwo unterstützt zu werden. Sobald sie unterstützt wird, wird sie dazu dienen, die Maske von der inneren Kante des border box des Elements zu entfernen — Sie können sie verwenden, um die Maske teilweise entlang des Rands beginnen zu lassen, anstatt an der Innenseite.

css

mask-border-outset: 1rem;

Auf Chromium-basierte Browser unterstützen eine veraltete Version dieser Eigenschaft — mask-box-image-outset — mit einem Präfix:

css

-webkit-mask-box-image-outset: 1rem;

Hinweis: Die Seite mask-border enthält ein funktionierendes Beispiel (unter Verwendung der veralteten prefixed border mask Eigenschaften in Chromium), damit Sie eine Vorstellung von der Wirkung bekommen.