CSS propiedades de width

Definición y uso

El atributo width establece el ancho del elemento.

Descripción

Esta propiedad define el ancho del área de contenido del elemento, donde se pueden agregar márgenes internos, bordes y márgenes externos fuera del área de contenido.

Los elementos en línea no sustitutivos ignoran esta propiedad.

Véase también:

Tutoriales de CSS:Tamaños de CSS

Tutoriales de CSS:Resumen del modelo de cuadro CSS

Manual de referencia de CSS:Atributo height

Manual de referencia del DOM HTML:Atributo width

Ejemplo

Establecer la altura y el ancho del párrafo:

p
  {
  height:100px;
  width:100px;
  }

Prueba tú mismo

Sintaxis de CSS

width: auto|value|initial|inherit;

Valor del atributo

Valor Descripción
auto Valor predeterminado. El navegador puede calcular el ancho real.
longitud Defina el ancho usando unidades como px, cm, etc.
% Define un ancho en porcentaje basado en el ancho del contenedor (elemento padre).
inherit Se debe heredar el valor del atributo width del elemento padre.

Detalles técnicos

Valor predeterminado: auto
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: objeto.style.width="50px"

Ejemplo TIY

Usar valores en píxeles para establecer el ancho de un elemento
Este ejemplo muestra cómo usar valores en píxeles para establecer el ancho de un elemento.
Usar porcentajes para establecer el ancho de un elemento
Este ejemplo muestra cómo usar porcentajes para establecer el ancho de un elemento.

soporte del navegador

Los números en la tabla indican la primera versión de navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5