HTML Entity for Small Roman Numeral Three (ⅲ)

What You'll Learn
How to display the small Roman numeral three (ⅲ) in HTML using numeric character references (hex and decimal) and a CSS escape for generated content.
This character belongs to the Number Forms Unicode block and provides a single typographic glyph for the Roman numeral iii, commonly used in outlines, lists, academic formatting, and legal numbering.
⚡ Quick Reference — ⅲ Entity
U+2172Number Forms block
ⅲHexadecimal reference
ⅲDecimal reference
—No named entity for ⅲ
Name Value
──────────── ──────────
Unicode U+2172
Hex code ⅲ
HTML code ⅲ
Named entity (none)
CSS code \2172Complete HTML Example
This example demonstrates ⅲ using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2172";
}
</style>
</head>
<body>
<p>Small Roman Numeral Three using Hexa Decimal: ⅲ</p>
<p>Small Roman Numeral Three using HTML Code: ⅲ</p>
<p id="point">Small Roman Numeral Three using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The ⅲ character (Unicode U+2172) is supported in all modern browsers. Rendering depends on font support for Number Forms (U+2150–U+218F).
👀 Live Preview
See ⅲ rendered in common document and UI contexts:
🧠 How It Works
Hexadecimal Code
ⅲ references Unicode 2172 in hexadecimal to display ⅲ in HTML.
Decimal HTML Code
ⅲ uses the decimal value 8562 for the same character.
CSS Entity
\2172 is used in CSS (typically in the content property) to generate ⅲ in pseudo-elements.
Same visual result
All methods render ⅲ. Unicode U+2172 belongs to the Number Forms block.
Use Cases
Small Roman numeral three (ⅲ) is commonly used in:
Lowercase roman numbering like i, ii, ⅲ, iv.
Front-matter or appendix numbering where lowercase roman is conventional.
Clauses, sub-sections, figure/table references.
Figure ⅲ / Table ⅲ style labels.
Single glyph for “iii” gives consistent spacing.
💡 Best Practices
Do
- Use
ⅲorⅲconsistently (no named entity) - Pair with readable text on first use (e.g., “Section ⅲ (three)”)
- Ensure fonts support Number Forms for consistent rendering
- Use
list-style-type: lower-romanfor real ordered lists
Don’t
- Assume every font renders ⅲ identically
- Use CSS escapes like
\2172inside HTML content - Mix lowercase (ⅲ) and uppercase (Ⅲ) without intent
- Replace semantic lists with purely visual numbering
Key Takeaways
Use numeric references to render ⅲ in HTML
ⅲ ⅲFor generated content in CSS, use the escape
\2172Unicode U+2172 is part of Number Forms
There is no named HTML entity for ⅲ
❓ Frequently Asked Questions
ⅲ (hex) or ⅲ (decimal) in HTML. In CSS, use \2172 in the content property. All methods render ⅲ.U+2172 (hex 2172, decimal 8562) in the Number Forms block.ⅲ or ⅲ.ⅲ / ⅲ) go in markup. The CSS escape \2172 is used in stylesheets for pseudo-element content. Both render ⅲ.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
8 people found this page helpful
