Background Origin

Tetapkan asal kedudukan latar

Sintaks

visual="bg-origin:[value]"

Nilai

Nilai	CSS Output	Huraian
border	background-origin: border-box	Asal di sempadan
padding	background-origin: padding-box	Asal di padding
content	background-origin: content-box	Asal di kandungan

Contoh

<div visual="bg-origin:content">Content origin</div>

Pratonton

Asal Latar

visual="bg-origin:content" - Tetapkan asal kedudukan latar

border

padding

content

Lihat Kod

<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div space="p:small" visual="bg:primary text:white rounded:small">border</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">padding</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">content</div>
</div>