UI teks kaya memanfaatkan tag markup sederhana untuk memberi gaya pada bagian dari sebuah string dengan tebal, miring, garis bawah, warna pengisi, variasi stroke, dan lainnya. Anda dapat menerapkan tag gaya pada objek TextLabel, TextButton, dan TextBox.
Mengaktifkan teks kaya
Anda harus mengaktifkan teks kaya pada basis per objek melalui properti RichText di jendela Properties, atau dengan mengatur properti tersebut menjadi true dalam LocalScript.

local title = Instance.new("TextLabel")title.RichText = truetitle.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 menempelkan 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">orange</font>.
Saya ingin permen <font color="rgb(255,125,0)">orange</font>.

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

Wajah font
<font face=""> </font>
<font face="Michroma">Ini adalah wajah Michroma.</font>

Keluarga font
<font family=""> </font>
<font family="rbxasset://fonts/families/Michroma.json">Ini adalah wajah 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>.

Stroke
<stroke> </stroke>
| Parameter | Properti Setara | Contoh Nilai |
|---|---|---|
| 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>.

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

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

Huruf besar
<uppercase> </uppercase>
<uc> </uc>
<uppercase>Huruf besar</uppercase> membuat kata-kata terdengar keras!
<uc>Huruf besar</uc> membuat kata-kata terdengar keras!

Huruf kecil besar
<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 menulisnya dalam bentuk pelarian.
| Karakter | Pelarian | Contoh | Hasil |
|---|---|---|---|
| < | < | 10 < 100 | 10 < 100 |
| > | > | 100 > 10 | 100 > 10 |
| " | " | Temui "Diva Dragonslayer" | Temui "Diva Dragonslayer" |
| ' | ' | Hewan peliharaan Diva adalah elang! | Hewan peliharaan Diva adalah elang! |
| & | & | Render bentuk pelarian lain <b>&lt;</b> dengan melarikan sebuah ampersand | Render bentuk pelarian lain < dengan melarikan sebuah ampersand |