Text Indent

Tetapkan inden teks

Sintaks

visual="indent:[value]"

Nilai

Nilai	CSS Output	Huraian
0	text-indent: 0	Tiada inden

Contoh

<p visual="indent:medium">Indented paragraph</p>

Pratonton

Inden Teks

visual="indent:medium" - Inden baris pertama teks

No indent on this text paragraph.

Medium indent on this first line of the paragraph.

Bigger indent on this first line of the paragraph.

Lihat Kod

<div layout="flex col" space="g:small p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <p space="p:small" visual="bg:primary text:white rounded:small indent:0">No indent on this text paragraph.</p>
  <p space="p:small" visual="bg:success text:white rounded:small indent:medium">Medium indent on this first line of the paragraph.</p>
  <p space="p:small" visual="bg:warning text:black rounded:small indent:big">Bigger indent on this first line of the paragraph.</p>
</div>

Nilai Arbitrari

Sokong nilai tersuai menggunakan sintaks kurungan segi empat:

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