Definición de .width utilizado en CSS
La propiedad .width en CSS especifica el .width del área de contenido del elemento. Este área de «contenido» es la porción dentro del relleno, el borde y el margen de un elemento (el modelo de caja).
Caso de uso : propiedad CSS width
Esta propiedad de CSS se emplea de la siguiente manera:
.wrap {
width: 80%;
}Otro ejemplo más avanzado de .width es el siguiente de CODEPEN:
Sintaxis de .width en CSS
width: auto|value|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| auto | Valor por defecto. El navegador calcula el ancho. | |
| longitud | Define el ancho en px, cm, etc. | |
| % | Define el ancho en porcentaje del bloque contenedor | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .width
Los números de la tabla detallan la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| word-break | 4.0 | 5.5 | 15.0 | 3.1 | 15.0 |
