Penandaan teks kaya

*Konten ini diterjemahkan menggunakan AI (Beta) dan mungkin mengandung kesalahan. Untuk melihat halaman ini dalam bahasa Inggris, klik di sini.

UI teks kaya memanfaatkan tag markup sederhana untuk menata bagian dari sebuah string dalam huruf tebal, miring, garis bawah, warna isi, variasi garis, dan lainnya. Anda dapat menerapkan tag penataan pada objek TextLabel, TextButton, dan TextBox.

Aktifkan teks kaya

Anda harus mengaktifkan teks kaya pada basis per-objek melalui properti RichText di jendela Properties, atau dengan mengatur properti tersebut ke true dalam LocalScript.

local title = Instance.new("TextLabel")
title.RichText = true
title.Text = "Gunakan <b>judul tebal</b>"

Tag yang didukung

Tag teks kaya mirip dengan tag XML/HTML dan Anda harus menyertakan baik tag pembuka maupun penutup di sekitar teks yang diformat.

<b>Teks yang diformat</b>

Anda juga dapat menempatkan tag di dalam satu sama lain selama Anda menutupnya dalam urutan terbalik dari cara Anda membukanya.

<b><i><u>Teks yang diformat</u></i></b>

Warna font

<font color=""> </font>

Saya ingin permen <font color="#FF7800">oranye</font>.
Saya ingin permen <font color="rgb(255,125,0)">oranye</font>.

Ukuran font

<font size=""> </font>

<font size="40">Ini besar.</font> <font size="20">Ini kecil.</font>

Jenis font

<font face=""> </font>

<font face="Michroma">Ini adalah jenis font Michroma.</font>

Keluarga font

<font family=""> </font>

<font family="rbxasset://fonts/families/Michroma.json">Ini adalah jenis font Michroma.</font>

Berat font

<font weight=""> </font>

Ini normal. <font weight="heavy">Ini berat.</font>
Ini normal. <font weight="900">Ini berat.</font>

Transparansi font

<font transparency=""> </font>

Teks pada <font transparency="0.5">50% transparansi</font>.

Garis

<stroke> </stroke>

ParameterProperti SetaraNilai Contoh
colorUIStroke.Color"rgb(255,125,0)", "#FF7800"
thickness atau thUIStroke.Thickness"1", "4", "0.5"
transparency atau trUIStroke.Transparency"0", "0.5", "1"
joinsUIStroke.LineJoinMode"round", "bevel", "miter"
sizingUIStroke.StrokeSizingMode"fixed", "scaled"

Anda memenangkan <stroke color="#00A2FF" thickness="2" transparency="0.25" joins="miter">25 permata</stroke>.

Tebal

<b> </b>

Teks dalam <b>tebal</b>.

Miring

<i> </i>

Teks <i>miring</i>.

Garis bawah

<u> </u>

Teks <u>garis bawah</u>.

Garis coret

<s> </s>

Teks dengan <s>garis coret</s> diterapkan.

Patah baris

<br/>

Baru baris terjadi setelah kalimat ini.<br/>Kalimat berikutnya...

Huruf kapital

<uppercase> </uppercase>
<uc> </uc>

<uppercase>Huruf kapital</uppercase> membuat kata-kata terbaca dengan keras!
<uc>Huruf kapital</uc> membuat kata-kata terbaca dengan keras!

Huruf kecil kecil

<smallcaps> </smallcaps>
<sc> </sc>

Nama saya adalah <smallcaps>Diva Dragonslayer</smallcaps>.
Nama saya adalah <sc>Diva Dragonslayer</sc>.

Tandai

<mark> </mark>

Teks <mark color="#009966" transparency="0">yang disorot</mark>.

Komentar

<!-- -->

Setelah ini adalah komentar...<!--Ini tidak muncul dalam teks akhir--> dan sekarang lebih banyak teks...

Bentuk pelarian

Jika Anda ingin merender karakter tertentu seperti < atau > dan mengecualikannya dari pertimbangan sebagai bagian dari tag teks kaya, Anda dapat menuliskannya dalam bentuk pelarian mereka.

KarakterPelarianContohHasil
<&lt;10 &lt; 10010 < 100
>&gt;100 &gt; 10100 > 10
"&quot;Temui &quot;Diva Dragonslayer&quot;Temui "Diva Dragonslayer"
'&apos;Hewan peliharaan Diva&apos;s adalah seekor falcon!Hewan peliharaan Diva adalah seekor falcon!
&&amp;Render bentuk pelarian lain <b>&amp;lt;</b> dengan melarikan ampersandRender bentuk pelarian lain &lt; dengan melarikan ampersand
©2026 Roblox Corporation. Roblox, logo Roblox, dan Powering Imagination termasuk dalam merek dagang kami yang terdaftar dan tidak terdaftar di AS dan negara lainnya.