Ver Mensaje Individual
  #2 (permalink)  
Antiguo 26/11/2010, 18:04
Avatar de dual3nigma
dual3nigma
Colaborador
 
Fecha de Ingreso: febrero-2010
Ubicación: Ciudad de México
Mensajes: 295
Antigüedad: 14 años, 1 mes
Puntos: 122
Respuesta: Alguien me podría explicar para que sirven y como se utilizan las siguient

box-sizing es unan propiedad css3, content-box y border-box son sus posibles valores. Te permiten elegir como quieres que el navegador interprete el "box-model". Como ejemplo:
Código CSS:
Ver original
  1. div {
  2.     width: 500px;
  3.     padding: 50px;
  4.     margin: 10px;
  5. }

En el ejemplo anterior con "box-sizing:content-box" tienes lo normal (css 2.1) al ancho de tu div se le suma el padding-left, padding-right, margin-left y margin-right; lo cual en total haria que tu div sea 620px de ancho, utilizando "box-sizing:border-box" encambio hace que tu div sea 500px de ancho y le resta el padding y el margin, osea "se reduce el espacio para tu contenido" (te quedarian 380px)