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>
| Parameter | Properti Setara | Nilai Contoh |
|---|---|---|
| color | UIStroke.Color | "rgb(255,125,0)", "#FF7800" |
| thickness atau th | UIStroke.Thickness | "1", "4", "0.5" |
| transparency atau tr | UIStroke.Transparency | "0", "0.5", "1" |
| joins | UIStroke.LineJoinMode | "round", "bevel", "miter" |
| sizing | UIStroke.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.
| Karakter | Pelarian | Contoh | Hasil |
|---|---|---|---|
| < | < | 10 < 100 | 10 < 100 |
| > | > | 100 > 10 | 100 > 10 |
| " | " | Temui "Diva Dragonslayer" | Temui "Diva Dragonslayer" |
| ' | ' | Hewan peliharaan Diva's adalah seekor falcon! | Hewan peliharaan Diva adalah seekor falcon! |
| & | & | Render bentuk pelarian lain <b>&lt;</b> dengan melarikan ampersand | Render bentuk pelarian lain < dengan melarikan ampersand |