Scroll Margin
Tetapkan margin skrol untuk snap
Sintaks
visual="scroll-m:[value]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
scroll-m | scroll-margin: {value} | Semua sisi |
scroll-m-t | scroll-margin-top: {value} | Margin atas |
scroll-m-r | scroll-margin-right: {value} | Margin kanan |
scroll-m-b | scroll-margin-bottom: {value} | Margin bawah |
scroll-m-l | scroll-margin-left: {value} | Margin kiri |
Contoh
html
<div visual="scroll-m:medium">Scroll margin</div>Pratonton
Margin Skrol
visual="scroll-m:medium" - Offset untuk snap skrol
scroll-m:medium
Lihat Kod
html
<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">scroll-m:medium</div>
</div>Nilai Arbitrari
Sokong nilai tersuai menggunakan sintaks kurungan segi empat:
html
<div visual="scroll:[custom-value]">Custom</div>