HTML Entity for Lowercase Roman Numeral Twelve (ⅻ)
What You'll Learn
How to display the lowercase roman numeral twelve (ⅻ) in HTML using hex, decimal, and CSS entity methods. This character is part of the Number Forms Unicode block and is useful for outlines, numbering, lists, academic content, and typography.
ⅻ has no named HTML entity, so you’ll use numeric references (ⅻ or ⅻ) or a CSS escape (\217B in content).
⚡ Quick Reference — ⅻ Entity
U+217BNumber Forms block
ⅻHexadecimal reference
ⅻDecimal reference
\217BUse in CSS content
Name Value
──────────── ──────────
Unicode U+217B
Hex code ⅻ
HTML code ⅻ
Named entity (none)
CSS code \217BComplete HTML Example
This example demonstrates the lowercase roman numeral twelve (ⅻ) using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\217B";
}
</style>
</head>
<body>
<p>Lowercase Roman Twelve using Hexa Decimal: ⅻ</p>
<p>Lowercase Roman Twelve using HTML Code: ⅻ</p>
<p id="point">Lowercase Roman Twelve using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The character ⅻ (U+217B) is supported in all modern browsers. Rendering depends on font support for the Number Forms block, so include a sensible fallback font stack:
👀 Live Preview
See ⅻ rendered in a few real-world contexts:
🧠 How It Works
Hexadecimal Code
ⅻ references Unicode 217B in hexadecimal to produce the glyph ⅻ in HTML.
Decimal HTML Code
ⅻ uses the decimal code point value 8571 to render the same character.
CSS Entity (Escape)
\217B is used in CSS (often in content) to generate ⅻ in pseudo-elements like ::before and ::after.
Same visual result
All methods render ⅻ. Unicode is U+217B (Number Forms). There is no named HTML entity for this character.
Use Cases
The lowercase roman numeral twelve (ⅻ) commonly appears in the following scenarios:
Hierarchical numbering for sections and sub-sections using lowercase roman numerals.
Secondary numbering levels in articles, documentation, and long-form content.
Front matter pagination and conventions that use lowercase roman numerals.
Captions or references like “Fig. ⅻ” when style requires lowercase.
Design-focused headings and decorative numbering using roman numerals.
Formal documents with established roman numeral conventions.
💡 Best Practices
Do
- Use
ⅻorⅻconsistently across your project - Verify your font stack supports Number Forms (or provide fallbacks)
- Use semantic HTML (
<ol>, headings) when ⅻ is part of a numbering system - Prefer CSS
contentif you want generated markers without extra markup - Test on common devices to ensure the glyph doesn’t fall back unexpectedly
Don’t
- Assume every custom font includes ⅻ (Number Forms coverage varies)
- Mix hex and decimal references randomly within the same page
- Use the CSS escape in HTML content (it belongs in CSS)
- Use ⅻ without context if it could confuse readers
- Expect a named entity (there isn’t one for ⅻ)
Key Takeaways
Use numeric references in HTML
ⅻ ⅻFor CSS, use the escape in the content property
\217BUnicode U+217B belongs to the Number Forms block
There is no named HTML entity for ⅻ
Font support matters—use a good fallback stack for consistent rendering
❓ Frequently Asked Questions
ⅻ (hex) or ⅻ (decimal) in HTML. In CSS, use \217B in the content property. All render ⅻ.U+217B (hex 217B, decimal 8571). It’s part of the Number Forms Unicode block.ⅻ or ⅻ) are used directly in markup. The CSS escape \217B is used in stylesheets (often in content on pseudo-elements). Same glyph, different layer.ⅻ or ⅻ instead of a named entity.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful