Powrót do Dev Notes

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;
}

content-box border-box

CSS3