-moz-outline-radius

No estándar: Esta característica no es parte de los estándares. No la uses en sitios Web en producción: no funcionará para todos los usuarios. Podrían haber también incompatibilidades considerables entre distintas implementaciones y el comportamiento podría cambiar en el futuro.

Resumen

En aplicaciones de Mozilla como Firefox, la propiedad CSS -moz-outline-radius puede ser usada para a los contornos de esquinas redondeadas. Un outline es una línea que es dibujada alrededor de los elementos, fuera del límite del borde, para hacer que el elemento destaque.

-moz-outline-radius es un atajo para establecer las cuatro propiedades-moz-outline-radius-topleft, -moz-outline-radius-topright, -moz-outline-radius-bottomright y -moz-outline-radius-bottomleft.

Valor inicial	as each of the properties of the shorthand: `-moz-outline-radius-topleft`: `0` `-moz-outline-radius-topright`: `0` `-moz-outline-radius-bottomright`: `0` `-moz-outline-radius-bottomleft`: `0`
Applies to	all elements
Heredable	no
Percentages	as each of the properties of the shorthand: `-moz-outline-radius-topleft`: refer to the corresponding dimension of the border box `-moz-outline-radius-topright`: refer to the corresponding dimension of the border box `-moz-outline-radius-bottomright`: refer to the corresponding dimension of the border box `-moz-outline-radius-bottomleft`: refer to the corresponding dimension of the border box
Valor calculado	as each of the properties of the shorthand: `-moz-outline-radius-topleft`: como se especifica `-moz-outline-radius-topright`: como se especifica `-moz-outline-radius-bottomright`: como se especifica `-moz-outline-radius-bottomleft`: como se especifica
Animation type	as each of the properties of the shorthand: `-moz-outline-radius-topleft`: a length, percentage or calc(); `-moz-outline-radius-topright`: a length, percentage or calc(); `-moz-outline-radius-bottomright`: a length, percentage or calc(); `-moz-outline-radius-bottomleft`: a length, percentage or calc();

Síntaxis

/* Un valor */
-moz-outline-radius: 25px;

/* Dos valores */
-moz-outline-radius: 25px 1em;

/* Tres valores */
-moz-outline-radius: 25px 1em 12%;

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

/* valores globales */
-moz-outline-radius: inherit;
-moz-outline-radius: initial;
-moz-outline-radius: unset;

Valores

Nota: Los contornos elípticos y los valores <porcentaje> se expresan de acuerdo a la síntaxis descrita en border-radius (en-US).

Uno, dos,tres o cuatro valores <outline-radius> , representan uno de los siguientes casos:

<length>

Ver <length> para ver los posibles valores.1234567

<percentage>

Un <percentage>; ver border-radius (en-US) para más detalles.

Si se establece un único valor se aplica a las cuatro esquinas-
Si se establecen dos valores, el primero se aplica a la esquina superior-izquierda e inferior-derecha y el segundo a las esquinas superior-derecha e inferior-izquierda
Si se establecen tres valores el primero se aplica a la esquina superior-izquierda, el segundo a las esquinas superior-derecha e inferior-izquierda y el tercero a la esquina inferior-derecha.
Si se establecen cautro valores el primero se aplica a la esquina superior-izquierda, el segundo a la esquina superior-derecha, el tercero la esquina inferior-derecha y el cuarto a la esquina inferior-izquierda.

<style>
p {
border: 1px solid black;
outline: dotted red; -moz-outline-radius: 12% 1em 25px;
}
</style> </head>

<body> <p>La propiedad  outline-style usando -moz-outline-radius</p> </body>

<head> <style>
p1 {
border: 1px solid black; outline: dotted red;
-moz-outline-radius-topleft: 12%;
-moz-outline-radius-topright: 1em;
-moz-outline-radius-bottomright: 35px;
-moz-outline-radius-bottomleft: 1em; }
</style> </head>

<body> <p1>La propiedad outline-style usando un -moz-outline-radius-xxx más complicado</p1> </body>

Result

Notas

Las esquinas con radio dotted o dashed se muestran como solid, Error 382721 en Firefox
Existe la posibilidad de que futuras versiones del motor Gecko/Firefox eliminen esta propiedad completamente. Ver Error 593717 en Firefox.

Especificaciones

Esta propiedad no se define es ningún estándar CSS.

Compatibilidad con navegadores

BCD tables only load in the browser