Line Height

Tetapkan ketinggian baris

Sintaks

visual="leading:[value]"

Nilai

Nilai	CSS Output	Huraian
none	line-height: 1	Tiada ketinggian tambahan
tight	line-height: 1.25	Peneraju ketat
snug	line-height: 1.375	Peneraju ketat
normal	line-height: 1.5	Peneraju normal
relaxed	line-height: 1.625	Peneraju santai
loose	line-height: 2	Peneraju longgar

Contoh

<div visual="leading:relaxed">Relaxed line height</div>

Pratonton

Ketinggian Baris

visual="leading:relaxed" - Kawal jarak menegak antara baris

Tight leading
for headings

Normal leading
for body text

Loose leading
for readability

Lihat Kod

<div layout="flex:col" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <p space="m:0" visual="leading:tight">Tight leading<br>for headings</p>
  <p space="m:0" visual="leading:normal">Normal leading<br>for body text</p>
  <p space="m:0" visual="leading:loose">Loose leading<br>for readability</p>
</div>

Nilai Arbitrari

Sokong nilai tersuai menggunakan sintaks kurungan segi empat:

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