Background Size

Tetapkan saiz latar

Sintaks

visual="bg-size:[value]"

Nilai

Nilai	CSS Output	Huraian
auto	background-size: auto	Saiz asal
cover	background-size: cover	Tutup bekas
contain	background-size: contain	Kandung dalam bekas

Contoh

<div visual="bg-size:cover">Full coverage background</div>

Pratonton

Saiz Latar

visual="bg-size:cover" - Skala imej latar

auto

cover

contain

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">auto</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">cover</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">contain</div>
</div>

Nilai Arbitrari

Sokong nilai tersuai menggunakan sintaks kurungan segi empat:

<div visual="background:[custom-value]">Custom</div>