Oyun Portalı

CSS Kutu Modeli CSS Box Model Challenge

CSS düzen motorunun (layout engine) gözünden elemanların gerçek piksel boyutlarını hesaplayın!

Skor: 0
Kalan Süre: 45s
Seviye: 1 / 5

Kutu Şeması (Box Model)

MARGIN
BORDER (0px)
PADDING (0px)
CONTENT 300px × 300px
styles.css 
.box {
  width: 300px;
  padding: 15px;
  border: 5px solid #f43f5e;
  box-sizing: content-box;
}
SORU

Bu kutunun tarayıcı tarafından hesaplanan toplam genişliği (computed width) kaç pikseldir?