aboutsummaryrefslogtreecommitdiff
path: root/files/es/web/css/@media/hover/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/es/web/css/@media/hover/index.html')
-rw-r--r--files/es/web/css/@media/hover/index.html70
1 files changed, 70 insertions, 0 deletions
diff --git a/files/es/web/css/@media/hover/index.html b/files/es/web/css/@media/hover/index.html
new file mode 100644
index 0000000000..770d2e7494
--- /dev/null
+++ b/files/es/web/css/@media/hover/index.html
@@ -0,0 +1,70 @@
+---
+title: hover
+slug: Web/CSS/@media/hover
+tags:
+ - '@media'
+ - CSS
+ - Consulta de medios
+ - Media Queires
+ - Referencia
+ - característica de medios
+ - media feature
+translation_of: Web/CSS/@media/hover
+---
+<div>{{cssref}}</div>
+
+<p>La <a href="/en-US/docs/CSS">característica de medios CSS</a> <strong><code>hover</code></strong>, puede se utilizada para probar si el mecanismo de entrada primario de un usuario puede flotar sobre los elementos.</p>
+
+<h2 id="Sintaxis">Sintaxis</h2>
+
+<p>La característica <font face="consolas, Liberation Mono, courier, monospace">hover</font> es especificada como un valor de palabra clave elegida de la siguiente lista.</p>
+
+<dl>
+ <dt><code>none</code></dt>
+ <dd>El mecanismo de entrada primario no puede flotar o no puede convenientemente flotar (es decir, algunos dispositivos mobiles emulan la flotación cuando el usuario presiona inconvenientemente por bastante rato la pantalla), o no hay mecanismo de puntero primario.</dd>
+ <dt><code>hover</code></dt>
+ <dd>El mecanismo de entrada primario puede convenientemente flotar sobre los elementos.</dd>
+</dl>
+
+<h2 id="Ejemplo">Ejemplo</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;a href="#"&gt;Try hovering over me!&lt;/a&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">@media (hover: hover) {
+ a:hover {
+ background: yellow;
+ }
+}</pre>
+
+<h3 id="Resultado">Resultado</h3>
+
+<p>{{EmbedLiveSample("Example")}}</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', '#hover', 'hover')}}</td>
+ <td>{{Spec2('CSS4 Media Queries')}}</td>
+ <td>Definición inicial.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilidad_de_los_navegadores">Compatibilidad de los navegadores</h2>
+
+
+
+<p>{{Compat("css.at-rules.media.hover")}}</p>