Box Sizing

Kawal cara lebar dan tinggi dikira

Sintaks

layout="box:[value]"

Nilai

Nilai	CSS Output	Huraian
border	box-sizing: border-box	Termasuk padding dan sempadan dalam saiz
content	box-sizing: content-box	Tidak termasuk padding dan sempadan

Contoh

<div layout="box:border">Border box</div>

Pratonton

Kotak Sempadan

layout="box:border" - Padding dan sempadan termasuk dalam lebar

box:border
100px

Lihat Kod

<div layout="flex" space="g:small p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div layout="box:border" space="p:medium" visual="bg:primary text:white border:4 border:white rounded:small" style="width: 100px;">box:border<br>100px</div>
</div>