box-model – box-sizing

wymiarowanie elementów.

• box-sizing:
  • content-box -> wysokość i szerokość (min/max wysokość, szerokość) kontentu bez wliczania ramki, dopełnienia i marginesów (border, padding, margin)
  • border-box -> wysokość i szerokość (min/max wysokość, szerokość) kontentu z wliczeniem ramki i dopełnienia (border, padding), bez wliczania marginesów (margin)

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}