diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
commit | 1109132f09d75da9a28b649c7677bb6ce07c40c0 (patch) | |
tree | 0dd8b084480983cf9f9680e8aedb92782a921b13 /files/es/web/css/time/index.html | |
parent | 4b1a9203c547c019fc5398082ae19a3f3d4c3efe (diff) | |
download | translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.gz translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.bz2 translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.zip |
initial commit
Diffstat (limited to 'files/es/web/css/time/index.html')
-rw-r--r-- | files/es/web/css/time/index.html | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/files/es/web/css/time/index.html b/files/es/web/css/time/index.html new file mode 100644 index 0000000000..9bdf3f145d --- /dev/null +++ b/files/es/web/css/time/index.html @@ -0,0 +1,84 @@ +--- +title: <time> +slug: Web/CSS/time +tags: + - CSS + - Presentación + - Referencia + - Tipo de Dato CSS + - Web +translation_of: Web/CSS/time +--- +<div>{{CSSRef}}</div> + +<p>El <a href="/es/docs/Web/CSS/CSS_Types">tipo de dato</a> <strong><code><time></code></strong> de <a href="/es/docs/Web/CSS">CSS</a> representa un valor de tiempo expresado en segundos o milisegundos. Se usa en {{cssxref("animation")}}, {{cssxref("transition")}} y propiedades relacionadas.</p> + +<h2 id="Sintaxis">Sintaxis</h2> + +<p>El tipo de datos <code><time></code> consta de un {{cssxref("<number>")}} seguido de una de las unidades enumeradas a continuación. Opcionalmente, puede estar precedido por un solo signo <code>+</code> o <code>-</code> . Al igual que con todas las dimensiones, no hay espacio entre la unidad literal y el número.</p> + +<div class="note"> +<p><strong>Nota:</strong> Aunque el número <code>0</code> es siempre el mismo independientemente de la unidad, la unidad no se puede omitir. En otras palabras, <code>0</code> no es válido y no representa <code>0s</code> o <code>0ms</code>.</p> +</div> + +<h3 id="Unidades">Unidades</h3> + +<dl> + <dt><strong><code id="s">s</code></strong></dt> + <dd>Representa un tiempo en segundos. Ejemplos: <code>0s</code>, <code>1.5s</code>, <code>-60s</code>.</dd> + <dt><strong><code id="ms">ms</code></strong></dt> + <dd>Representa un tiempo en milisegundos. Ejemplos: <code>0ms</code>, <code>150.25ms</code>, <code>-60000ms</code>.</dd> +</dl> + +<div class="note"> +<p><strong>Nota:</strong> Nota: La conversión entre <code>s</code> y <code>ms</code> sigue la lógica <code>1s</code> = <code>1000ms</code>.</p> +</div> + +<h2 id="Ejemplos">Ejemplos</h2> + +<h3 id="Tiempos_válidos">Tiempos válidos</h3> + +<pre>12s Entero positivo +-456ms Entero negativo +4.3ms No entero +14mS La unidad no distingue entre mayúsculas y minúsculas, aunque no se recomiendan letras mayúsculas. ++0s Cero con un signo + y una unidad +-0ms Cero con un signo - y una unidad +</pre> + +<h3 id="Tiempos_inválidos">Tiempos inválidos</h3> + +<pre class="example-bad">0 Aunque el cero sin unidades está permitido para <length>, no es válido para <time>. +12.0 Este es un <number>, no un <time>, porque le falta una unidad. +7 ms No se permite espacio entre el número y la unidad. +</pre> + +<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('CSS3 Values','#time','<time>')}}</td> + <td>{{Spec2('CSS3 Values')}}</td> + <td>Definición normativa de <code>s</code> y <code>ms</code>.</td> + </tr> + <tr> + <td>{{SpecName('CSS2.1','aural.html#times','<time>')}}</td> + <td>{{Spec2('CSS2.1')}}</td> + <td>Definición informal de <code>s</code> y <code>ms</code>.</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2> + + + +<p>{{Compat("css.types.time")}}</p> |