Resize

Kawal saiz semula elemen

Sintaks

visual="resize:[value]"

Nilai

Nilai	CSS Output	Huraian
none	resize: none	Tiada saiz semula
both	resize: both	Saiz semula kedua-dua
x	resize: horizontal	Saiz semula mendatar
y	resize: vertical	Saiz semula menegak

Contoh

<textarea visual="resize:y">Vertical resize only</textarea>

Pratonton

Saiz Semula

visual="resize:y" - Benarkan saiz semula elemen

none

x

y

both

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