CSS3: box-sizing: border-box;

Una de las novedades que nos trajo CSS3 es esta propiedad “box-sizing” dándole el valor de “border-box” conseguimos que la suma de padding y border no aumenten el ancho del elemento.

 .estiloCSS3a{    	   -webkit-box-sizing: border-box;        -moz-box-sizing: border-box; 		box-sizing: border-box;   width: 300px;   margin: 10px auto;   border: 5px solid green;   padding: 5px;    } .estiloCSS3b {   width: 300px;   margin: 10px auto;   border: 5px solid green;   padding: 5px; }

300px+5px+5px+box-sizing

300px+5px+5px

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s