From 01fc33316889de617f16dcbac4d8c38400de2476 Mon Sep 17 00:00:00 2001 From: "Sergio.valera" <67393791+sergiogval@users.noreply.github.com> Date: Thu, 20 Jan 2022 23:37:16 -0600 Subject: Revert "Update CSS zoom content (#3716)" This reverts commit 399eaeaf4c0e8395cd474e91ed29554929bd47b2. --- files/es/web/css/zoom/index.html | 141 ++++++++++++++++++++++++++++++++++++ files/es/web/css/zoom/index.md | 152 --------------------------------------- 2 files changed, 141 insertions(+), 152 deletions(-) create mode 100644 files/es/web/css/zoom/index.html delete mode 100644 files/es/web/css/zoom/index.md diff --git a/files/es/web/css/zoom/index.html b/files/es/web/css/zoom/index.html new file mode 100644 index 0000000000..f58f35046c --- /dev/null +++ b/files/es/web/css/zoom/index.html @@ -0,0 +1,141 @@ +--- +title: zoom +slug: Web/CSS/zoom +tags: + - CSS + - NeedsBrowserCompatibility + - NeedsLiveSample + - NeedsMobileBrowserCompatibility + - No estandar + - Propiedad CSS + - Referencia +translation_of: Web/CSS/zoom +--- +

{{ CSSRef() }}

+ +

{{ Non-standard_header() }}

+ +

Resumen

+ +

La propiedad CSS no estándar  zoom  se puede usar para controlar el aumento de escala de un lemento. En la medida de lo posible deben usarse Transformaciones CSS en vez de esta propiedad..

+ + + + + + + + + + + + + + + + + + + + +
Valor inicialnormal
Se aplica a:all elements
Heradadono
Mediovisual
+ +

{{cssinfo}}

+ +

Síntaxis

+ +

Valores

+ +
+
normal
+
Dibuja el elemento con su tamaño normal.
+
reset {{non-standard_inline}}
+
Si el usuario aplica un cambio de escala no basado en presionar  (por ejemplo al presionar Ctrl+ o Ctrl-) al documento no cambia la escala del elemento. Sólo soportado por WebKit (y posiblemente Blink).
+
{{cssxref("<percentage>")}}
+
Factor de Zoom. 100% es a tamaño normal. Valores superiores a 100% aumentan y valores inferiores al 100% encogen el elemento.
+
{{cssxref("<number>")}}
+
Factor de Zoom. Equivalente al porcentaje correspondiente (1.0 = 100% = normal). Valores mayores de 1.0 aumentarán el tamaño. Valores menores de  1.0 encogerán.
+
+ +

Síntaxis Formal

+ +
normal | reset | <number> | <percentage>
+
+ +

Especificaciones

+ +

Esta propiedad no es estándar y tiene su origen en Internet Explorer. Microsoft tiene una  descripción en MSDN. Apple tiene una descripción en la Referencia CSS de Safari. Rossen Atanassov, de Microsoft, tiene una propuesta de borrador no oficial de la especificación en GitHub

+ +

Compatibilidad con los distintos navegadores

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{ CompatVersionUnknown() }}{{ CompatNo() }} [1]5.5{{ CompatVersionUnknown() }}4.0
valor de reseteo{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatVersionUnknown() }}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{ CompatUnknown() }}{{ CompatUnknown() }} [1]{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
Valor de reseteo{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +

[1]: {{bug(390936, 'summary')}}

+ +

Ver además

+ + diff --git a/files/es/web/css/zoom/index.md b/files/es/web/css/zoom/index.md deleted file mode 100644 index 9266e89af4..0000000000 --- a/files/es/web/css/zoom/index.md +++ /dev/null @@ -1,152 +0,0 @@ ---- -title: zoom -slug: Web/CSS/zoom -tags: - - CSS - - Propiedad CSS - - No estandar - - Referencia - - recipe:css-property -translation_of: Web/CSS/zoom ---- - -{{CSSRef}}{{Non-standard_header}} - -La propiedad [CSS](/es/docs/Web/CSS) no estándarizada **`zoom`** -se puede usar para controlar el aumento de escala de un elemento. -En la medida de lo posible se deben usar [transform: scale()](/es/docs/Web/CSS/transform-function/scale()) en vez de esta propiedad. - -```css -/* Keyword values */ -zoom: normal; -zoom: reset; - -/* values */ -zoom: 50%; -zoom: 200%; - -/* values */ -zoom: 1.1; -zoom: 0.7; - -/* Global values */ -zoom: inherit; -zoom: initial; -zoom: unset; -``` - -## Sintaxis - -### Valores - -- `normal` - - : Dibuja el elemento con su tamaño normal. -- `reset` {{non-standard_inline}} - - - : No cambia la escala del elemento (por ejemplo al presionar `Ctrl \+ -` o `Ctrl \+ +` ) - - - si el usuario aplica `non-pinch-zooming`. - Sólo soportado por WebKit (y posiblemente Blink). - -- {{cssxref("<percentage>")}} - - : Factor de Zoom. `100%` es a tamaño `normal`. Valores superiores a ` 100%` aumentan y valores inferiores al `100%` encogen el elemento. -- {{cssxref("<number>")}} - - : Factor de Zoom. Equivalente al porcentaje correspondiente (`1.0` = `100%` = `normal`). Valores mayores de `1.0` aumentarán el tamaño. Valores menores de `1.0` encogerán. - -## Definición Formal - -{{cssinfo}} - -## Sintaxis Formal - -{{csssyntax}} - -## Ejemplos - -### Primer ejemplo - -#### HTML - -```html -

Small

-

Normal

-

Big

-``` - -#### CSS - -```css -p.small { - zoom: 75%; -} -p.normal { - zoom: normal; -} -p.big { - zoom: 2.5; -} -p { - display: inline-block; -} -p:hover { - zoom: reset; -} -``` - -#### Result - -{{EmbedLiveSample('First_example')}} - -### Segundo ejemplo - -#### HTML - -```html -
-
-
-``` - -#### CSS - -```css -div.circle { - width: 25px; - height: 25px; - border-radius: 100%; - text-align: center; - vertical-align: middle; - display: inline-block; - zoom: 1.5; -} -div#a { - background-color: gold; - zoom: normal; -} -div#b { - background-color: green; - zoom: 200%; -} -div#c { - background-color: blue; - zoom: 2.9; -} -``` - -#### Resultado - -{{EmbedLiveSample('Second_example')}} - -## Especificaciones - -Esta propiedad no es estándar y tiene su origen en Internet Explorer. -Apple tiene [una descripción en la Referencia CSS de Safari](https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-SW15). - -## Compatibilidad del navegador - -{{Compat}} - -## Ver además - -- [Artículo de `zoom` en la página de CSS-Tricks](https://css-tricks.com/almanac/properties/z/zoom/) -- [Bug 390936: Implementar la propiedad `zoom` de Internet Explorer para CSS](https://bugzilla.mozilla.org/show_bug.cgi?id=390936) en el rastreador de problemas de Firefox Bugzilla. -- cgit v1.2.3-54-g00ecf