HTML Entity for Uppercase Roman Numeral Twelve (Ⅻ)
What You'll Learn
How to display the uppercase 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 (\216B in content).
⚡ Quick Reference — Ⅻ Entity
U+216BNumber Forms block
ⅫHexadecimal reference
ⅫDecimal reference
\216BUse in CSS content
Name Value
──────────── ──────────
Unicode U+216B
Hex code Ⅻ
HTML code Ⅻ
Named entity (none)
CSS code \216BComplete HTML Example
This example demonstrates the uppercase 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: "\216B";
}
</style>
</head>
<body>
<p>Uppercase Roman Twelve using Hexa Decimal: Ⅻ</p>
<p>Uppercase Roman Twelve using HTML Code: Ⅻ</p>
<p id="point">Uppercase Roman Twelve using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The character Ⅻ (U+216B) 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 216B in hexadecimal to produce the glyph Ⅻ in HTML.
Decimal HTML Code
Ⅻ uses the decimal code point value 8555 to render the same character.
CSS Entity (Escape)
\216B 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+216B (Number Forms). There is no named HTML entity for this character.
Use Cases
The uppercase roman numeral twelve (Ⅻ) commonly appears in the following scenarios:
Hierarchical numbering for sections and sub-sections using uppercase roman numerals.
Primary numbering levels in articles, documentation, and long-form content.
Chapter numbering and conventions that use uppercase roman numerals.
Captions or references like “Fig. Ⅻ” when style requires uppercase.
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
\216BUnicode U+216B 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 \216B in the content property. All render Ⅻ.U+216B (hex 216B, decimal 8555). It’s part of the Number Forms Unicode block.Ⅻ or Ⅻ) are used directly in markup. The CSS escape \216B 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