aboutsummaryrefslogtreecommitdiff
path: root/files/es/web/css/@media/altura
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:46:50 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:46:50 +0100
commita55b575e8089ee6cab7c5c262a7e6db55d0e34d6 (patch)
tree5032e6779a402a863654c9d65965073f09ea4182 /files/es/web/css/@media/altura
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.gz
translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.bz2
translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.zip
unslug es: move
Diffstat (limited to 'files/es/web/css/@media/altura')
-rw-r--r--files/es/web/css/@media/altura/index.html82
1 files changed, 0 insertions, 82 deletions
diff --git a/files/es/web/css/@media/altura/index.html b/files/es/web/css/@media/altura/index.html
deleted file mode 100644
index 7cb29fe768..0000000000
--- a/files/es/web/css/@media/altura/index.html
+++ /dev/null
@@ -1,82 +0,0 @@
----
-title: Altura
-slug: Web/CSS/@media/altura
-tags:
- - '@media'
- - CSS
- - Media Queries
- - Referencia
- - características media
-translation_of: Web/CSS/@media/height
----
-<div>{{cssref}}</div>
-
-<p>Las <a href="/en-US/docs/CSS">CSS</a> <a href="/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">media feature (consulta de medios) </a><strong><code>height</code></strong> puede ser usada para aplicar estilos basados en la altura del {{glossary("viewport")}} (o la caja de la página, para <a href="/en-US/docs/Web/CSS/Paged_media">paged media</a>).</p>
-
-<h2 id="Sintáxis">Sintáxis</h2>
-
-<p>La característica <code>height</code> es especificada como un valor {{cssxref("&lt;length&gt;")}} representando la altura de la vista (viewport). Es una característica en rangos, lo que siginifica que puede ser prefijada con las variantes <strong><code>min-height</code></strong> y <code><strong>max-height</strong></code> para consultar valores mínimos y máximos, respectivamente.</p>
-
-<h2 id="Ejemplo">Ejemplo</h2>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html">&lt;div&gt;Watch this element as you resize your viewport's height.&lt;/div&gt;</pre>
-
-<h3 id="CSS">CSS</h3>
-
-<pre class="brush: css">/* Altura exacta */
-@media (height: 360px) {
- div {
- color: red;
- }
-}
-
-/* Altura mínima */
-@media (min-height: 25rem) {
- div {
- background: yellow;
- }
-}
-
-/* Altura máxima */
-@media (max-height: 40rem) {
- div {
- border: 2px solid blue;
- }
-}
-</pre>
-
-<h3 id="Resultado">Resultado</h3>
-
-<p>{{EmbedLiveSample('Example','90%')}}</p>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificación</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentario</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('CSS4 Media Queries', '#height', 'height')}}</td>
- <td>{{Spec2('CSS4 Media Queries')}}</td>
- <td>El valor ahora puede ser negativo, en cuyo caso se calcula como negativo.</td>
- </tr>
- <tr>
- <td>{{SpecName('CSS3 Media Queries', '#height', 'height')}}</td>
- <td>{{Spec2('CSS3 Media Queries')}}</td>
- <td>Definición inicial. El valor debe ser positivo.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
-
-
-
-<p>{{Compat("css.at-rules.media.height")}}</p>