Skip to content

Background Repeat

Tetapkan kelakuan ulangan latar

Sintaks

visual="bg-repeat:[value]"

Nilai

NilaiCSS OutputHuraian
repeatbackground-repeat: repeatUlang kedua-dua paksi
no-repeatbackground-repeat: no-repeatTiada ulangan
repeat-xbackground-repeat: repeat-xUlang mendatar
repeat-ybackground-repeat: repeat-yUlang menegak
roundbackground-repeat: roundUlang bulat
spacebackground-repeat: spaceUlang berjarakd

Contoh

html
<div visual="bg-repeat:no-repeat">Single background</div>

Pratonton

Ulangan Latar

visual="bg-repeat:no-repeat" - Kawal jubin latar

repeat
no-repeat
repeat-x
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">repeat</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">no-repeat</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">repeat-x</div>
</div>