HTML i CSS · Junior · Pytanie 13 z 75
Co robi box-sizing: border-box?
- 1Rysuje dodatkową ramkę wokół elementu, na zewnątrz jego
margin - 2Usuwa
paddingiborderelementu, zostawiając tylko treść - ✓Poprawna odpowiedź: Wlicza
paddingiborderdo podanychwidthiheight
Wyjaśnienie
Przy content-box (domyślnie) width określa tylko szerokość treści, a padding i border dodają się do niej: width: 200px + padding: 20px = 240px. Przy border-box całkowita szerokość wynosi dokładnie 200px, a treść się zwęża. Dlatego wiele resetów CSS ustawia border-box dla wszystkich elementów. margin nigdy nie wlicza się do rozmiaru.