-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 inicialas each of the properties of the shorthand:
Applies toall elements
Heredableno
Percentagesas each of the properties of the shorthand:
Valor calculadoas each of the properties of the shorthand:
Animation typeas each of the properties of the shorthand:

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.

Síntaxis Formal

Error: could not find syntax for this item

Ejemplo

HTML

<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
  • Existe la posibilidad de que futuras versiones del motor Gecko/Firefox eliminen esta propiedad completamente. Ver error 593717.

Especificaciones

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

Compatibilidad con los distintos navegadores

BCD tables only load in the browser