HTML Entity for Negative Circled Digit Ten (❿)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+277F

What Is the Negative Circled Digit Ten Entity?

Negative Circled Digit Ten (❿) is the Unicode character at U+277F in the Dingbats block. It looks like a white 10 on a filled circle and is common for high-contrast step markers and rankings.

Remember
Character     ❿
Unicode       U+277F
Hex entity    ❿
Decimal       ❿
CSS escape    \277F
Named entity  (none)

All of these produce the same glyph: ❿. Prefer the Unicode character (or its entities) when you need that filled circled look; type plain 10 when you only need a normal number.

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\277FStylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the filled circled glyph ❿Type ❿, or ❿ / ❿
Generated text via ::before / ::aftercontent: "\277F"
Open circled style (not filled)Use ➉ (U+2789)
Plain number ten (not circled)Type 10
Looking for &negcircled10; or similarDoes not exist — use numeric form

Live Preview

Negative Circled Digit Ten rendered in common UI contexts.

Inline text ❿ Review and publish
Large glyph ❿
Step list ❾ Almost done   ❿ Finish
Monospace step ❿ → final
With entities Hex: ❿ | Decimal: ❿

Complete HTML Example

One page that shows Negative Circled Digit Ten 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>Negative Circled Digit Ten (❿) in HTML</title>
  <style>
    #point::after {
      content: "\277F";
    }
  </style>
</head>
<body>
  <p>Negative Circled Ten using Hex Code: &#x277F;</p>
  <p>Negative Circled Ten using HTML Code: &#10111;</p>
  <p id="point">Negative Circled Ten using CSS Entity: </p>
  <p>Typed directly: ❿</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+277F → &#x277F; in HTML. The browser turns it into ❿.

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

3. CSS: use \277F 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 dingbat digit.

Pitfalls & Tips

Common mistakes when working with Negative Circled Digit Ten entities.

Named?

No named entity

HTML5 does not define &negcircled10; or similar. Use numeric forms.

CSS vs HTML

Do not mix escapes

\277F belongs in CSS. &#x277F; / &#10111; belong in HTML.

❿ vs ➉ vs 10

Different characters

❿ is U+277F; open circled ➉ is U+2789; 10 is two ASCII digits.

Fonts

Check the glyph

Dingbat support varies by font. If ❿ is missing, use a fallback font or CSS badge instead.

Semicolon

End references

Always finish with ; — write &#10111;, not &#10111.

Related

Sans-serif variant

Negative circled sans-serif ten (➓) is a different Unicode character from ❿.

Browser Support

Negative Circled Digit Ten (U+277F) and its numeric entity forms (&#x277F;, &#10111;, CSS \\277F) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Negative Circled 10 (❿)

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+277F / entities Full support

Bottom line: Use &#x277F; or &#10111; for the Unicode glyph, and \\277F only inside CSS content. Prefer typed 10 for ordinary numbers.

Key Takeaways

  • Unicode: Negative Circled Digit Ten is U+277F (decimal 10111).
  • HTML: use &#x277F; or &#10111; when you need an entity.
  • CSS: use \277F inside content for generated text.
  • Default: use ❿ for filled step UI; type 10 for ordinary numbers.

One line: U+277F → &#x277F; / &#10111; / CSS \277F, or paste ❿.

Frequently Asked Questions

Use &#x277F; (hex), &#10111; (decimal), or the CSS escape \277F in the content property. All render ❿. You can also paste ❿ directly when your file is UTF-8.
U+277F (hex 277F, decimal 10111). It belongs to the Dingbats Unicode block.
No. HTML5 does not define a named entity for ❿. Use numeric references like &#x277F; or &#10111;.
Use it for filled step markers, rankings, and high-contrast numbered badges. For plain counts or data, prefer typing 10.
No. Open circled sans-serif ten is U+2789 (➉). Digits 1 and 0 are U+0031 and U+0030. Negative circled ten is a single character U+277F (❿).
HTML entities (&#10111; or &#x277F;) go in markup. The CSS escape \277F is used in stylesheets (usually in the content property of ::before/::after). Both render ❿.

Did you know?

Negative circled digit ten is Unicode U+277F (decimal 10111). HTML5 has no named entity for it — use &#x277F; or &#10111;. It is a different character from open circled ➉ (U+2789) and from typing 10.

Next: 10 Negative Circled Sans-Serif

Learn the HTML entity for negative circled sans-serif digit ten (➓) — a different dingbat from ❿.

10 Neg. Circled Sans-Serif 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