NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Propiedad CSS : box-sizing

30 de Diciembre del 2020 por Josep Antoni Bover. 29 visitas, 0 comentarios, 0 votos
Categorías : CSS.
La web está en segundo plano, animación en pausa.
Cargando animación...

Esta propiedad nos permite especificar si queremos incluir las propiedades padding y border en el calculo final de las propiedades width y height.

En esencia esta propiedad le dice al navegador como tiene que calcular el tamaño del objeto,


Sintaxis

box-sizing: valor;
content-box Las propiedades width y height incluyen solo el contenido. Los tamaños de las propiedades border y pading no están incluidas. (valor por defecto)
border-box Las propiedades width y height incluyen tanto el contenido y los tamaños de las propiedades border y padding.
initial Establece esta propiedad a su valor por defecto.
inherit Obtiene el valor de su elemento padre.
Este valor no se soporta en IE7, y en IE8 requiere la declaración de un !DOCTYPE.


Código de ejemplo



Compatibilidad

Esta propiedad es soportada por todos los navegadores compatibles con CSS3.

Soportado a partir de la versión 9
Soportado a partir de la versión 1
Soportado a partir de la versión 7
Soportado a partir de la versión 5.1
Soportado a partir de la versión 8

Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020

Enlaces relacionados