0

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

author
pranav m
medium
0
8
.box {
width: 200px;
height: 100px;
padding: 20px;
border: 10px solid black;
margin: 15px;
box-sizing: content-box; /* default */
}
Answer

✅ Answer:

  • Total width = 200 + 20 + 20 + 10 + 10 = 260px
  • Total height = 100 + 20 + 20 + 10 + 10 = 160px
  • Margins (15px) are outside and not part of the box size.

Click to Reveal Answer

Tap anywhere to see the solution

Revealed

Comments0