width

 

Imagen:traduccion-pendiente.png Esta página está traduciéndose a partir del artículo CSS:width, razón por la cual puede haber algunos errores sintácticos o partes sin traducir. Puedes colaborar continuando con la traducción

 

Sumario

La propiedad width especifica el ancho del área del contenido de un elemento. El área de contenido se encuentra entre el padding, border, y margin del elemento.

Sintaxis

width: <length> | <percentage> | auto | inherit | -moz-max-content | -moz-min-content | -moz-fit-content | -moz-available

Valores

  • length : cualquier valor expresado en em, ex, ch, rem, vh, vw, vmin, vmax, px, mm, cm, in, pt, pc.
  • percentage : especificado como "%" un porcentaje del ancho del bloque contenedor.
  • auto : el navegador calculará y asignará el ancho para el bloque especificado.
  • -moz-max-content : el ancho intrínseco preferido
  • -moz-min-content : el ancho mínimo intrínseco
  • -moz-available : el ancho del bloque contenido menos el valor de margin, border, y padding
  • -moz-fit-content : el más grande entre:
    • el ancho mínimo intrínseco o
    • el más pequeño entre el ancho intrínseco preferido y el ancho disponible

Ejemplos

Ver El Ejemplo Vivo

table{width: 100%;}

img{width: 200px;}

form{width: auto;}

Notas

Las propiedades min-width y max-width tienen preferencia sobre la propiedad width.

Especificaciones

Compatibilidad entre navegadores

Navegador Versión mínima
Internet Explorer 4
Netscape 4
Opera 3.5

Ver también

box model, height, -moz-box-sizing, min-width, max-width

 

 

Etiquetas y colaboradores del documento

Etiquetas: 
Contributors to this page: diegocanal, teoli, HenryGR, Mgjbot
Última actualización por: diegocanal,