From 1109132f09d75da9a28b649c7677bb6ce07c40c0 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:45 -0500 Subject: initial commit --- files/es/web/css/-moz-outline-radius/index.html | 158 ++++++++++++++++++++++++ 1 file changed, 158 insertions(+) create mode 100644 files/es/web/css/-moz-outline-radius/index.html (limited to 'files/es/web/css/-moz-outline-radius/index.html') diff --git a/files/es/web/css/-moz-outline-radius/index.html b/files/es/web/css/-moz-outline-radius/index.html new file mode 100644 index 0000000000..01370818bb --- /dev/null +++ b/files/es/web/css/-moz-outline-radius/index.html @@ -0,0 +1,158 @@ +--- +title: '-moz-outline-radius' +slug: Web/CSS/-moz-outline-radius +tags: + - CSS + - No estándar(2) + - Referencia CSS +translation_of: Web/CSS/-moz-outline-radius +--- +
{{Non-standard_header}}{{CSSRef}}
+ +

Resumen

+ +

En aplicaciones de Mozilla como Firefox, la propiedad CSS -moz-outline-radius puede ser usada para a los contornos de esquinas redondeadas. Un {{cssxref("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{{cssxref("-moz-outline-radius-topleft")}}, {{cssxref("-moz-outline-radius-topright")}}, {{cssxref("-moz-outline-radius-bottomright")}} y {{cssxref("-moz-outline-radius-bottomleft")}}.

+ +

{{cssinfo}}

+ +

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

+ +
Los contornos elípticos y los valores <porcentaje> se expresan de acuerdo a la síntaxis descrita en {{cssxref("border-radius")}}.
+ +

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

+ +
+
{{cssxref("<length>")}}
+
Ver {{cssxref("<length>")}} para ver los posibles valores.
+
{{cssxref("<percentage>")}}
+
Un {{cssxref("<percentage>")}}; ver {{cssxref("border-radius")}} para más detalles.
+
+ + + +

Síntaxis Formal

+ +
{{csssyntax}}
+ +

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

+ +

{{ EmbedLiveSample('Example', '', '', '', 'Web/CSS/-moz-outline-radius') }}

+ +

Notas

+ + + +

Especificaciones

+ +

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

+ +

Compatibilidad con los distintos navegadores

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Soporte básico{{CompatNo}}{{CompatGeckoDesktop("1.8")}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidAndroid WebviewFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari MobileChrome for Android
Soporte básico{{CompatNo}}{{CompatNo}}{{CompatGeckoMobile("1.8")}}{{CompatUnknown}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
-- cgit v1.2.3-54-g00ecf