Propiedad width

La propiedad width establece el ancho del elemento. Los valores de la propiedad pueden ser cualquier unidad de tamaño o la palabra clave auto, que permite al navegador calcular automáticamente el tamaño del elemento (comportamiento por defecto).

Sintaxis

cssselector {
  width: valor;
}

Ejemplo

Establezcamos el ancho del elemento en 300px:

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid black;
}

Результат:

Ejemplo

Hagamos que el elemento ocupe 70% del ancho de su elemento padre (en nuestro caso será la ventana del navegador):

html<div id="elem"></div>

css#elem {
  width: 70%;
  height: 100px;
  border: 1px solid black;
}

Результат:

Véase también