0

What will be the total rendered width and height of the border-box below

author
pranav m
medium
0
112
.box {
width: 200px;
height: 100px;
padding: 20px;
border: 10px solid black;
margin: 15px;
box-sizing: border-box;
}


Answer

✅ Answer:

  • Total width = 200px (padding + border are included inside the declared width)
  • Total height = 100px
  • Margins (15px) still sit outside the box.

Click to Reveal Answer

Tap anywhere to see the solution

Revealed

Comments0
    What will be the total rendered width and height of the border-box below | border-box | EBAT