CSSUnidades de longitud


Introducción

Una medición de distancia CSS es un número seguido inmediatamente por una unidad de longitud (px, em, pc, in, ...)

CSS soporta una cantidad de unidades de medidas de longitud. Son absolutos o relativos.

Sintaxis

  • unidad de valor
  • 1em

Parámetros

Unidad Descripción
% Defina tamaños en términos de objetos principales o de objetos actuales que dependen de la propiedad
em Relativo al tamaño de fuente del elemento (2em significa 2 veces el tamaño de la fuente actual)
movimiento rápido del ojo Relativo al tamaño de fuente del elemento raíz
vw Relativo al 1% del ancho de la ventana gráfica *
vh Relativo al 1% de la altura de la ventana gráfica *
vmin Relativo al 1% de la dimensión más pequeña de la vista *
vmax Relativo al 1% de la dimensión mayor de la ventana gráfica *
cm centímetros
mm milimetros
en pulgadas (1in = 96px = 2.54cm)
px píxeles (1px = 1 / 96th of 1in)
pt puntos (1pt = 1/72 de 1in)
ordenador personal picas (1pc = 12 pt)
s segundos (utilizados para animaciones y transiciones)
Sra milisegundos (utilizados para animaciones y transiciones)
ex Relativo a la altura x de la fuente actual
ch Basado en el ancho del cero (0) caracter
fr unidad fraccionaria (utilizada para el diseño de cuadrícula CSS)

Observaciones

  • Un espacio en blanco no puede aparecer entre el número y la unidad. Sin embargo, si el valor es 0, la unidad puede omitirse.

  • Para algunas propiedades CSS, se permiten longitudes negativas.

Unidades de longitud Ejemplos relacionados