Skip to main content

Visit Mozilla.org

CSS:width

De MDC


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


« Referencia CSS

[editar] 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.

[editar] Sintaxis

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

[editar] Valores

  • length : cualquier valor expresado en px, cm, in
  • 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 Nuevo en Firefox 3
  • -moz-min-content : el ancho mínimo intrínseco Nuevo en Firefox 3
  • -moz-available : el ancho del bloque contenido menos el valor de margin, border, y padding Nuevo en Firefox 3
  • -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 Nuevo en Firefox 3

[editar] Ejemplos

Ver ejemplos en acción 

table{width: 100%;}

img{width: 200px;}

form{width: auto;}

[editar] Notas

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

[editar] Especificaciones

[editar] Compatibilidad entre navegadores

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

[editar] Ver también

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

Obtenido de "http://developer.mozilla.org/es/docs/CSS:width"