HTML Entity for Comma Turned (̒)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+0312

What You'll Learn

How to display the Comma Turned (̒) in HTML and CSS. This character is U+0312 (COMBINING TURNED COMMA ABOVE) in the Combining Diacritical Marks block (U+0300–U+036F). It is a nonspacing mark with a turned-comma shape that attaches above the preceding base character—for example, a̒.

There is no named HTML entity for U+0312. Use ̒, ̒, or \312 in CSS content. Do not confuse U+0312 with Comma Above U+0313 (̓), Comma Above Reversed U+0314 (̔), or punctuation comma U+002C (,).

⚡ Quick Reference — Comma Turned

Unicode U+0312

Combining Diacritical Marks (U+0300–U+036F)

Hex Code ̒

Hexadecimal reference

HTML Code ̒

Decimal reference

Named Entity

None (use numeric refs)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+0312
Hex code       ̒
HTML code      ̒
Named entity   —
CSS code       \312
Related        U+0313 = Comma Above
1

Complete HTML Example

This example shows U+0312 using hexadecimal and decimal references, combining with a base letter, plus a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\312";
  }
 </style>
</head>
<body>
<p>Comma Turned using Hexa Decimal: &#x312;</p>
<p>Comma Turned using HTML Code: &#786;</p>
<p id="point">Comma Turned using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Comma Turned is supported in modern browsers when paired with a base character and a suitable font:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the Comma Turned with base letters (serif font recommended):

With base letter a̒   e̒   o̒
Linguistics Phonetic: t̒a
Standalone mark ̒
Related marks U+0312 (turned)   vs   U+0313 ̓ (comma above)
Monospace refs &#x312; &#786; \312

🧠 How It Works

1

Hexadecimal Code

&#x312; references code point U+0312 using hex digits 312. Place it immediately after a base letter (e.g. a&#x312;).

HTML markup
2

Decimal HTML Code

&#786; uses the decimal Unicode value 786 for the same combining mark.

HTML markup
3

CSS Entity

\312 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Combines with base character

The turned comma attaches above the preceding letter. a + U+0312 = . Distinct from U+0313 (comma above) and below-comma marks.

Use Cases

The Comma Turned (̒) commonly appears in:

✍️ Typography

Turned-comma diacritics in specialized script and type design.

🔤 Linguistics

Phonetic transcription and orthographic notation.

📖 Scholarly text

Academic papers and editions with combining diacritical marks.

📄 Unicode documentation

Character tables and tutorials on combining marks.

🌐 Internationalization

Scripts and transliteration with turned-comma diacritics.

📚 Education

Language-learning and philology resources.

♿ Accessibility

Prefer precomposed characters or clear text when assistive tech needs the full letter.

💡 Best Practices

Do

  • Place &#x312; immediately after the base character
  • Use <meta charset="utf-8"> on multilingual pages
  • Choose fonts with Combining Diacritical Marks support
  • Keep combining mark order consistent in linguistic text
  • Use \312 only inside CSS content, not in HTML text nodes

Don’t

  • Confuse U+0312 with U+0313 (comma above) or U+0314 (reversed)
  • Confuse with punctuation comma , (U+002C)
  • Put the combining mark before the base letter
  • Put CSS escape \312 inside HTML text nodes
  • Assume every font renders turned comma identically to other comma marks

Key Takeaways

1

Two HTML references for the combining mark

&#x312; &#786;
2

For CSS stylesheets, use the escape in the content property

\312
3

U+0312 COMBINING TURNED COMMA ABOVE

4

Typography and linguistics—not punctuation

5

No named entity for U+0312 — use numeric references

❓ Frequently Asked Questions

Use &#x312; (hex), &#786; (decimal), or \312 in CSS content. Place the mark after the base letter (e.g. a&#x312;). There is no named HTML entity for U+0312.
U+0312 (COMBINING TURNED COMMA ABOVE). Combining Diacritical Marks block (U+0300–U+036F). Hex 312, decimal 786. Renders above the base character.
When you need the combining turned comma in typography, linguistics, phonetic transcription, or when documenting Unicode combining characters.
HTML numeric references (&#786; or &#x312;) go in markup after the base character. The CSS escape \312 is used in stylesheets, typically in the content property of pseudo-elements.
HTML5 named entities focus on commonly used characters. Combining marks like U+0312 use numeric codes. This is standard for the U+0300–U+036F range.

Explore More HTML Entities!

Discover 1500+ HTML character references — diacritics, punctuation, symbols, and more.

All HTML Entities →

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