-moz-outline-radius

Kein Standard
Diese Funktion entspricht nicht dem Standard und ist nicht Teil der Standardisierung. Diese Funktion darf nicht in Webseiten, die via das Internet zugänglich sind, benutzt werden: Sie wird nicht für alle Nutzer funktionieren. Es kann zu umfangreichen Inkompatibilitäten zwischen verschiedenen Implementierungen kommen und die Funktionsweise oder Eigenschaften könnten in der Zukunft verändert werden.

Übersicht

In Mozilla Anwendungen wie Firefox kann die -moz-outline-radius CSS Eigenschaft dazu verwendet werden, um Umrissen runde Ecken zu verleihen. Ein umriss ist eine Linie, die um Elemente gezeichnet wird, außerhalb des Randes, um das Element hervorzuheben.

-moz-outline-radius ist eine praktische Kurzschreibweise, um die vier Eigenschaften -moz-outline-radius-topleft, -moz-outline-radius-topright, -moz-outline-radius-bottomright und -moz-outline-radius-bottomleft zu setzen.

Initialwert	wie die jeweiligen Kurzschreibweisen: `-moz-outline-radius-topleft`: `0` `-moz-outline-radius-topright`: `0` `-moz-outline-radius-bottomright`: `0` `-moz-outline-radius-bottomleft`: `0`
Anwendbar auf	alle Elemente
Vererbt	Nein
Prozentwerte	wie die jeweiligen Kurzschreibweisen: `-moz-outline-radius-topleft`: Ja `-moz-outline-radius-topright`: Ja `-moz-outline-radius-bottomright`: Ja `-moz-outline-radius-bottomleft`: Ja
Medien	visuell
Berechneter Wert	wie die jeweiligen Kurzschreibweisen: `-moz-outline-radius-topleft`: wie angegeben `-moz-outline-radius-topright`: wie angegeben `-moz-outline-radius-bottomright`: wie angegeben `-moz-outline-radius-bottomleft`: wie angegeben
Animierbar	wie die jeweiligen Kurzschreibweisen: `-moz-outline-radius-topleft`: Ja `-moz-outline-radius-topright`: Ja `-moz-outline-radius-bottomright`: Ja `-moz-outline-radius-bottomleft`: Ja
Kanonische Reihenfolge	die eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

/* Ein Wert */
-moz-outline-radius: 25px;

/* Zwei Werte */
-moz-outline-radius: 25px 1em;

/* Drei Werte */
-moz-outline-radius: 25px 1em 12%;

/* Vier Werte */
-moz-outline-radius: 25px 1em 12% 4mm;

/* Globale Werte */
-moz-outline-radius: inherit;
-moz-outline-radius: initial;
-moz-outline-radius: unset;

Werte

Elliptische Umrisse und <percentage> Werte folgen der in border-radius beschriebenen Syntax.

Ein, zwei, drei oder vier <outline-radius> Werte, die jeweils einem dieser Werte entsprechen:

<length>: Siehe <length> für mögliche Werte.
<percentage>: Eine <percentage>; siehe border-radius für Details.

Falls ein einzelner Wert gesetzt ist, wird er auf alle 4 Ecken angewendet.
Falls zwei Werte gesetzt sind, bezieht sich der erste auf die linke obere und die rechte untere Ecke und der zweite auf die rechte obere und die linke untere Ecke.
Falls drei Werte gesetzt sind, bezieht sich der erste auf die linke obere Ecke, der zweite auf die rechte obere und die linke untere Ecke und der dritte auf die rechte untere Ecke.
Falls vier Werte gesetzt sind, bezieht sich der erste auf die linke obere Ecke, der zweite auf die rechte obere Ecke, der dritte auf die rechte untere Ecke und der vierte auf die linke untere Ecke.

Formale Syntax

<outline-radius>{1,4} [ / <outline-radius>{1,4}]?

Beispiele

outline: dotted red;

-moz-outline-radius: 12% 1em 25px;
/* ist gleichbedeutend mit: */
-moz-outline-radius-topleft: 12%;
-moz-outline-radius-topright: 1em;
-moz-outline-radius-bottomright: 35px;
-moz-outline-radius-bottomleft: 1em;

Hinweise

dotted oder dashed abgerundete Ecken werden durchgehend dargestellt, Bug 382721.
Zukünftige Versionen von Gecko/Firefox entfernen möglicherweise diese Eigenschaft vollständig. Siehe Bug 315209.

Spezifikationen

Diese Eigenschaft ist in keinem CSS Standard definiert.

Merkmal	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Grundlegende Unterstützung	Nicht unterstützt	1.5 (1.8)	Nicht unterstützt	Nicht unterstützt	Nicht unterstützt

Merkmal	Android	Android Webview	Firefox Mobile (Gecko)	Firefox OS	IE Mobile	Opera Mobile	Safari Mobile	Chrome for Android
Grundlegende Unterstützung	Nicht unterstützt	Nicht unterstützt	1.0 (1.8)	?	Nicht unterstützt	Nicht unterstützt	Nicht unterstützt	Nicht unterstützt