Roman Numeral Twelve (Ⅻ) is the Unicode character at U+216B in the Number Forms block. It looks like an uppercase roman XII and is used for outlines, chapter labels, and formal numbering.
Remember
Character Ⅻ
Unicode U+216B
Hex entity Ⅻ
Decimal Ⅻ
CSS escape \216B
Named entity (none)
All of these produce the same glyph: Ⅻ. Prefer the Unicode character (or its entities) when you need a true roman numeral; type the letters XII when you only need ordinary text.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Direct character
Ⅻ
HTML text (UTF-8)
Hex entity
Ⅻ
HTML markup
Decimal entity
Ⅻ
HTML markup
CSS escape
\216B
Stylesheet content
Named entity
—
Not defined in HTML5
When to use which
Situation
Use
Need the roman numeral glyph Ⅻ
Type Ⅻ, or Ⅻ / Ⅻ
Generated text via ::before / ::after
content: "\216B"
Lowercase roman numeral twelve
Use ⅻ (U+217B)
Ordinary letters XII (not a numeral)
Type XII
Looking for &romanXII; or similar
Does not exist — use numeric form
See it
Live Preview
Roman Numeral Twelve rendered in common writing contexts.
Inline textⅫ. Appendix
Large glyphⅫ
OutlineⅪ Eleven Ⅻ Twelve Ⅼ Fifty
Monospacesection Ⅻ → appendix
With entitiesHex: Ⅻ | Decimal: Ⅻ
Code
Complete HTML Example
One page that shows Roman Numeral Twelve with the hex entity, decimal entity, CSS escape, and a typed character. Use View Output or open the live editor.
Hex + Decimal + CSS + Typed
All four ways to produce Ⅻ in a single document.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Roman Numeral Twelve (Ⅻ) in HTML</title>
<style>
#point::after {
content: "\216B";
}
</style>
</head>
<body>
<p>Roman Numeral 12 using Hex Code: Ⅻ</p>
<p>Roman Numeral 12 using HTML Code: Ⅻ</p>
<p id="point">Roman Numeral 12 using CSS Entity: </p>
<p>Typed directly: Ⅻ</p>
</body>
</html>
Roman Numeral 12 using Hex Code: Ⅻ
Roman Numeral 12 using HTML Code: Ⅻ
Roman Numeral 12 using CSS Entity: Ⅻ
Typed directly: Ⅻ
How It Works
1. Hex:U+216B → Ⅻ in HTML. The browser turns it into Ⅻ.
2. Decimal: same code point as 8555 → Ⅻ. Same result as hex.
3. CSS: use \216B in content (not an HTML entity). #point::after appends that Ⅻ after the paragraph text.
4. Typed Ⅻ: fine in UTF-8 pages. All four lines show the same roman numeral.
Pitfalls & Tips
Common mistakes when working with Roman Numeral Twelve entities.
Named?
No named entity
HTML5 does not define &romanXII; or similar. Use numeric forms.
CSS vs HTML
Do not mix escapes
\216B belongs in CSS. Ⅻ / Ⅻ belong in HTML.
Ⅻ vs XII vs ⅻ
Different characters
Ⅻ is U+216B; letters XII are Basic Latin; lowercase ⅻ is U+217B.
Fonts
Check the glyph
Number Forms support varies by font. If Ⅻ is missing, fall back to XII or another font.
Semicolon
End references
Always finish with ; — write Ⅻ, not Ⅻ.
Lists
CSS list-style
For auto-numbered roman lists, prefer list-style-type: upper-roman instead of hard-coding Ⅻ.
Compatibility
Browser Support
Roman Numeral Twelve (U+216B) and its numeric entity forms (Ⅻ, Ⅻ, CSS \\216B) are supported in all mainstream browsers. Glyph shape depends on the font.
✓ Universal support
Roman 12 (Ⅻ)
Encode with hex, decimal, or CSS escape — or paste Ⅻ in UTF-8 HTML.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+216B / entitiesFull support
Bottom line: Use Ⅻ or Ⅻ for the Unicode glyph, and \\216B only inside CSS content. Prefer the letters XII for ordinary text.
Remember
Key Takeaways
Unicode: Roman Numeral Twelve is U+216B (decimal 8555).
HTML: use Ⅻ or Ⅻ when you need an entity.
CSS: use \216B inside content for generated text.
Default: use Ⅻ for roman outlines; type XII for ordinary letters.
One line:U+216B → Ⅻ / Ⅻ / CSS \216B, or paste Ⅻ.
Frequently Asked Questions
Use Ⅻ (hex), Ⅻ (decimal), or the CSS escape \216B in the content property. All render Ⅻ. You can also paste Ⅻ directly when your file is UTF-8.
U+216B (hex 216B, decimal 8555). It belongs to the Number Forms Unicode block.
No. HTML5 does not define a named entity for Ⅻ. Use numeric references like Ⅻ or Ⅻ.
Use it for chapter labels, outlines, and typography that needs a true uppercase roman numeral glyph. For ordinary text, typing XII is usually enough.
No. The Latin letters X, I, and I are separate Basic Latin characters. Lowercase roman numeral twelve is U+217B (ⅻ). Uppercase roman numeral twelve is U+216B (Ⅻ) — a different character.
HTML entities (Ⅻ or Ⅻ) go in markup. The CSS escape \216B is used in stylesheets (usually in the content property of ::before/::after). Both render Ⅻ.
🤔
Did you know?
Uppercase roman numeral twelve is Unicode U+216B (decimal 8555). HTML5 has no named entity for it — use Ⅻ or Ⅻ. It is a different character from the letters XII and from lowercase roman ⅻ (U+217B).
