Penanda 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 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 = 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 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>

ParameterProperti SetaraContoh Nilai
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>.

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.

KarakterPelarianContohHasil
<&lt;10 &lt; 10010 < 100
>&gt;100 &gt; 10100 > 10
"&quot;Temui &quot;Diva Dragonslayer&quot;Temui "Diva Dragonslayer"
'&apos;Hewan peliharaan Diva adalah elang!Hewan peliharaan Diva adalah elang!
&&amp;Render bentuk pelarian lain <b>&amp;lt;</b> dengan melarikan sebuah ampersandRender bentuk pelarian lain &lt; dengan melarikan sebuah 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.