Descripción
La propiedad width en CSS especifica la anchura de un elemento. Este valor puede ser definido en porcentajes, como un valor absoluto o relativo, o puede ser automáticamente calculado por el navegador (auto).
Sintaxis
El código para definir el ancho en CSS es como sigue:
width : <length> | <percentage> | auto | inherit
Valores
Los valores que se pueden utilizar para definir el ancho en CSS son los siguientes:
- percentage: Este valor permite definir el ancho como un porcentaje del ancho del elemento contenedor.
- auto: Este valor permite al navegador calcular el ancho. Es útil cuando se desea que el navegador ajuste automáticamente el ancho del elemento.
- length: Este valor permite definir un ancho fijo. Puede expresarse en varias unidades de medida, como píxeles (px), centímetros (cm), etc.
- inherit: Este valor permite que el elemento herede el ancho de su elemento padre.
Ejemplo
div {
width: 50%;
}
El ancho del div será el 50% del ancho de su elemento contenedor.
