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 (limited to 'files/es/web') 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() }}
+ +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 inicial | +normal |
+
---|---|
Se aplica a: | +all elements | +
Heradado | +no | +
Medio | +visual | +
{{cssinfo}}
+ +normal
reset
{{non-standard_inline}}100%
es a tamaño normal
. Valores superiores a 100% aumentan y valores inferiores al 100% encogen el elemento.1.0
= 100%
= normal
). Valores mayores de 1.0
aumentarán el tamaño. Valores menores de 1.0
encogerán.normal | reset | <number> | <percentage> ++ +
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
+ +{{ CompatibilityTable() }}
+ +Característica | +Chrome | +Firefox (Gecko) | +Internet Explorer | +Opera | +Safari | +
---|---|---|---|---|---|
Soporte básico | +{{ CompatVersionUnknown() }} | +{{ CompatNo() }} [1] | +5.5 | +{{ CompatVersionUnknown() }} | +4.0 | +
valor de reseteo | +{{ CompatUnknown() }} | +{{ CompatUnknown() }} | +{{ CompatUnknown() }} | +{{ CompatUnknown() }} | +{{ CompatVersionUnknown() }} | +
Característica | +Android | +Firefox Mobile (Gecko) | +IE Mobile | +Opera Mobile | +Safari Mobile | +
---|---|---|---|---|---|
Soporte básico | +{{ CompatUnknown() }} | +{{ CompatUnknown() }} [1] | +{{ CompatUnknown() }} | +{{ CompatUnknown() }} | +{{ CompatUnknown() }} | +
Valor de reseteo | +{{ CompatUnknown() }} | +{{ CompatUnknown() }} | +{{ CompatUnknown() }} | +{{ CompatUnknown() }} | +{{ CompatUnknown() }} | +
[1]: {{bug(390936, 'summary')}}
+ +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