length

  • Enlace amigable (slug) de la revisión: CSS/length
  • Título de la revisión: length
  • Id de la revisión: 162923
  • Creada:
  • Creador: HenryGR
  • ¿Es la revisión actual? No
  • Comentario

Contenido de la revisión

{{wiki.template('Traducción', [ "inglés", "CSS:length", "en" ])}}


{{template.CSSRef()}}

Sumario

Muchas propiedades CSS (CSS properties) toman valores de longitud, como por ejemplo {{template.Cssxref("width")}}, {{template.Cssxref("margin-top")}}, y {{template.Cssxref("font-size")}}.

La sintaxis CSS para las longitudes, es un número seguido inmediatamente por una unidad. No está permitido dejar espacios entre el número y la unidad.

Para algunas propiedades, el uso de longitudes negativas es un error de sintaxis, mientras que para algunas propiedades está permitido.

Unidades

em 
El tamaño del elemento de {{template.Cssxref("font-size")}}.
ex 
El tamaño x-altura de {{template.Cssxref("font")}}. Esto es, normalmente, el tamaño de las letras minúsculas en la fuente.
px 
Para presentación en pantalla, un pixel es un punto de la pantalla. En algunas pantallas de muy alta definición y algunas impresoras, un punto son varios pixel, de forma que el número de px de cerca de 96.
in 
Una pulgada (2,54 centímetros). Para una pantalla, el número de pixeles por pulgada está determinado por la estimación (a menudo incorrecta) que tiene el sistema operativo sobre la resolución de la pantalla.
cm 
Un centímetro (10 milímetros). Para una pantalla, el número de pixeles por centímetro está determinado por la estimación (a menudo incorrecta) que tiene el sistema operativo sobre la resolución de la pantalla.
mm 
Un milímetro. Para una pantalla, el número de pixeles por milímetro está determinado por la estimación (a menudo incorrecta) que tiene el sistema operativo sobre la resolución de la pantalla.
pt 
Un punto (es 1/72 de pulgada). Para una pantalla, el número de pixeles por punto está determinado por la estimación (a menudo incorrecta) que tiene el sistema operativo sobre la resolución de la pantalla.
pc 
Una pica (12 puntos). Para una pantalla, el número de pixeles por pica está determinado por la estimación (a menudo incorrecta) que tiene el sistema operativo sobre la resolución de la pantalla.

Ejemplos

Notas

La sintaxis para porcentajes (números seguidos de %) es similar a la sintaxis de las longitudes. Sin embargo, los porcentajes no son un tipo de longitud, aunque algunas propiedades aceptan ese valor.

Especificaciones

Compatibilidad entre navegadores

Ver también

{{ wiki.languages( { "fr": "fr/CSS/length", "en": "en/CSS/length" } ) }}

Fuente de la revisión

<p>
</p><p>{{wiki.template('Traducción', [ "inglés", "CSS:length", "en" ])}}
</p><p><br>
</p><p>{{template.CSSRef()}}
</p>
<h3 name="Sumario"> Sumario </h3>
<p>Muchas propiedades CSS (<a href="es/CSS_Reference">CSS properties</a>) toman valores de longitud, como por ejemplo {{template.Cssxref("width")}}, {{template.Cssxref("margin-top")}}, y {{template.Cssxref("font-size")}}.
</p><p>La sintaxis CSS para las longitudes, es un número seguido inmediatamente por una unidad. <b>No está permitido</b> dejar espacios entre el número y la unidad.
</p><p>Para algunas propiedades, el uso de longitudes negativas es un error de sintaxis, mientras que para algunas propiedades está permitido.
</p>
<h3 name="Unidades"> Unidades </h3>
<dl><dt> em </dt><dd> El tamaño del elemento de {{template.Cssxref("font-size")}}.
</dd><dt> ex </dt><dd> El tamaño x-altura de {{template.Cssxref("font")}}. Esto es, normalmente, el tamaño de las letras minúsculas en la fuente.
</dd><dt> px </dt><dd> Para presentación en pantalla, un pixel es un punto de la pantalla. En algunas pantallas de muy alta definición y algunas impresoras, un punto son varios pixel, de forma que el número de <code>px</code> de cerca de 96.
</dd><dt> in </dt><dd> Una pulgada (2,54 centímetros). Para una pantalla, el número de pixeles por pulgada está determinado por la estimación (a menudo incorrecta) que tiene el sistema operativo sobre la resolución de la pantalla.
</dd><dt> cm </dt><dd> Un centímetro (10 milímetros). Para una pantalla, el número de pixeles por centímetro está determinado por la estimación (a menudo incorrecta) que tiene el sistema operativo sobre la resolución de la pantalla.
</dd><dt> mm </dt><dd> Un milímetro. Para una pantalla, el número de pixeles por  milímetro está determinado por la estimación (a menudo incorrecta) que tiene el sistema operativo sobre la resolución de la pantalla.
</dd><dt> pt </dt><dd> Un punto (es 1/72 de pulgada). Para una pantalla, el número de pixeles por punto está determinado por la estimación (a menudo incorrecta) que tiene el sistema operativo sobre la resolución de la pantalla.
</dd><dt> pc </dt><dd> Una pica (12 puntos). Para una pantalla, el número de pixeles por pica está determinado por la estimación (a menudo incorrecta) que tiene el sistema operativo sobre la resolución de la pantalla.
</dd></dl>
<h3 name="Ejemplos"> Ejemplos </h3>
<h3 name="Notas"> Notas </h3>
<p>La sintaxis para porcentajes (números seguidos de <code>%</code>) es similar a la sintaxis de las longitudes. Sin embargo, los porcentajes no son un tipo de longitud, aunque algunas propiedades aceptan ese valor.
</p>
<h3 name="Especificaciones"> Especificaciones </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/REC-CSS1#length-units">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#length-units">CSS 2.1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/css3-values/#lengths">css3-values</a>
</li></ul>
<h3 name="Compatibilidad_entre_navegadores"> Compatibilidad entre navegadores </h3>
<h3 name="Ver_tambi.C3.A9n"> Ver también </h3>
<div class="noinclude">
</div>
{{ wiki.languages( { "fr": "fr/CSS/length", "en": "en/CSS/length" } ) }}
Revertir a esta revisión