HTML Entity for Lowercase Roman Numeral Twelve (ⅻ)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+217B

What Is the Lowercase Roman Numeral Twelve Entity?

Lowercase Roman Numeral Twelve (ⅻ) is the Unicode character at U+217B in the Number Forms block. It looks like a small roman xii and is used for outlines, chapter labels, and formal numbering.

Remember
Character     ⅻ
Unicode       U+217B
Hex entity    ⅻ
Decimal       ⅻ
CSS escape    \217B
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.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct characterⅻHTML text (UTF-8)
Hex entityⅻHTML markup
Decimal entityⅻHTML markup
CSS escape\217BStylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the roman numeral glyph ⅻType ⅻ, or ⅻ / ⅻ
Generated text via ::before / ::aftercontent: "\217B"
Uppercase roman numeral twelveUse Ⅻ (U+216B)
Ordinary letters xii (not a numeral)Type xii
Looking for &romanxii; or similarDoes not exist — use numeric form

Live Preview

Lowercase Roman Numeral Twelve rendered in common writing contexts.

Inline text ⅻ. Appendix
Large glyph ⅻ
Outline ⅺ Eleven   ⅻ Twelve   ⅼ Fifty
Monospace section ⅻ → appendix
With entities Hex: ⅻ | Decimal: ⅻ

Complete HTML Example

One page that shows Lowercase 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>Lowercase Roman Numeral Twelve (ⅻ) in HTML</title>
  <style>
    #point::after {
      content: "\217B";
    }
  </style>
</head>
<body>
  <p>Lowercase Roman 12 using Hex Code: &#x217B;</p>
  <p>Lowercase Roman 12 using HTML Code: &#8571;</p>
  <p id="point">Lowercase Roman 12 using CSS Entity: </p>
  <p>Typed directly: ⅻ</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+217B → &#x217B; in HTML. The browser turns it into ⅻ.

2. Decimal: same code point as 8571 → &#8571;. Same result as hex.

3. CSS: use \217B 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 Lowercase 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

\217B belongs in CSS. &#x217B; / &#8571; belong in HTML.

ⅻ vs xii vs Ⅻ

Different characters

ⅻ is U+217B; letters xii are Basic Latin; uppercase Ⅻ is U+216B.

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 &#8571;, not &#8571.

Lists

CSS list-style

For auto-numbered roman lists, prefer list-style-type: lower-roman instead of hard-coding ⅻ.

Browser Support

Lowercase Roman Numeral Twelve (U+217B) and its numeric entity forms (&#x217B;, &#8571;, CSS \\217B) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Lowercase Roman 12 (ⅻ)

Encode with hex, decimal, or CSS escape — or paste ⅻ in UTF-8 HTML.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+217B / entities Full support

Bottom line: Use &#x217B; or &#8571; for the Unicode glyph, and \\217B only inside CSS content. Prefer the letters xii for ordinary text.

Key Takeaways

  • Unicode: Lowercase Roman Numeral Twelve is U+217B (decimal 8571).
  • HTML: use &#x217B; or &#8571; when you need an entity.
  • CSS: use \217B inside content for generated text.
  • Default: use ⅻ for roman outlines; type xii for ordinary letters.

One line: U+217B → &#x217B; / &#8571; / CSS \217B, or paste ⅻ.

Frequently Asked Questions

Use &#x217B; (hex), &#8571; (decimal), or the CSS escape \217B in the content property. All render ⅻ. You can also paste ⅻ directly when your file is UTF-8.
U+217B (hex 217B, decimal 8571). It belongs to the Number Forms Unicode block.
No. HTML5 does not define a named entity for ⅻ. Use numeric references like &#x217B; or &#8571;.
Use it for outline labels, chapter markers, and typography that needs a true lowercase roman numeral glyph. For ordinary text, typing xii is usually enough.
No. The Latin letters x, i, and i are separate Basic Latin characters. Uppercase roman numeral twelve is U+216B (Ⅻ). Lowercase roman numeral twelve is U+217B (ⅻ) — a different character.
HTML entities (&#8571; or &#x217B;) go in markup. The CSS escape \217B is used in stylesheets (usually in the content property of ::before/::after). Both render ⅻ.

Did you know?

Lowercase roman numeral twelve is Unicode U+217B (decimal 8571). HTML5 has no named entity for it — use &#x217B; or &#8571;. It is a different character from the letters xii and from uppercase roman Ⅻ (U+216B).

Next: 12 Roman

Learn the HTML entity for uppercase roman numeral twelve (Ⅻ) — a different character from ⅻ.

12 Roman tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful