HTML Entity for Inverted Breve (U+0311)

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

What You'll Learn

How to insert the combining Inverted Breve (U+0311) in HTML using hexadecimal, decimal, and CSS escape methods. This mark is U+0311 (COMBINING INVERTED BREVE) in the Combining Diacritical Marks block (U+0300–U+036F). It renders above a base letter in linguistics, phonetics, and some Slavic orthographies.

Place it after the base character (e.g. ȏ). Use ̑, ̑, or CSS \311. There is no named HTML entity. Do not confuse U+0311 with U+0306 (COMBINING BREVE, ̆) or U+032F (inverted breve below).

⚡ Quick Reference — Inverted Breve

Unicode U+0311

Combining Diacritical Marks

Hex Code ̑

Hexadecimal reference

HTML Code ̑

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+0311
Hex code       ̑
HTML code      ̑
Named entity   (none)
CSS code       \311
Meaning        Combining inverted breve
Position       Above base letter
Related        U+0306 = breve (̆)   U+032F = below
1

Complete HTML Example

This example shows the Inverted Breve (U+0311) with base letters using hexadecimal code, decimal HTML code, and a CSS content escape. Always place the combining mark after the base character:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\311";
  }
 </style>
</head>
<body>
<p>Inverted Breve using Hexadecimal: o&#x0311; a&#x0311;</p>
<p>Inverted Breve using Decimal: o&#785; e&#785;</p>
<p id="point">Inverted Breve using CSS Entity: o</p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Inverted Breve (U+0311) renders when fonts support Combining Diacritical Marks with correct above-base positioning:

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

👀 Live Preview

See the Inverted Breve (U+0311) combined with base letters (font-dependent):

With base ȏ ȃ ȇ
Mark alone ̑
vs breve U+0311: ȏ   U+0306: ŏ
Large sample
Numeric refs &#x0311; &#785; \311

🧠 How It Works

1

Hexadecimal Code

&#x0311; uses the Unicode hexadecimal value 0311. Place it immediately after the base letter in HTML.

HTML markup
2

Decimal HTML Code

&#785; uses the decimal Unicode value 785 for the same combining character.

HTML markup
3

CSS Entity

\311 is used in CSS stylesheets in the content property, often on ::after following a base character in markup.

CSS stylesheet
4

No Named Entity

U+0311 has no standard &...; named form. Use hex, decimal, or CSS escape only.

HTML markup
=

Combined rendering

With a suitable font, shows the inverted breve above o. Next: Inverted Breve Below (U+032F).

Use Cases

The Inverted Breve (U+0311) is commonly used in:

📝 Linguistics

Phonetic transcription and IPA-related notation above letters.

🌐 Orthography

Slavic and other languages that use inverted breve in spelling.

📚 Dictionaries

Pronunciation guides and reference works with diacritics.

📄 Academic

Phonetics, phonology, and comparative linguistics papers.

🎓 Language Apps

Educational UIs showing correct orthography and pronunciation.

📐 Typography

Diacritical marks above base letters in specialized content.

💡 Best Practices

Do

  • Place &#x0311; or &#785; after the base letter
  • Use IPA-friendly fonts (e.g. Charis SIL, DejaVu Sans)
  • Set <meta charset="utf-8">
  • Pick one numeric style per project for consistency
  • Provide pronunciation context for accessibility

Don’t

  • Put the combining mark before the base character
  • Confuse U+0311 with U+0306 (breve) or U+032F (below)
  • Expect a named HTML entity for U+0311
  • Use fonts that lack Combining Diacritical Marks support
  • Rely on the mark alone without a base letter for readable text

Key Takeaways

1

Two HTML numeric references plus CSS for U+0311

&#x0311; &#785;
2

For CSS, use \311 in the content property

3

Unicode U+0311 — COMBINING INVERTED BREVE (above)

4

Always follow base + combining order: o&#x0311;

❓ Frequently Asked Questions

Use &#x0311; (hex), &#785; (decimal), or \311 in CSS content. There is no named entity. Place the mark immediately after the base letter (e.g. o&#x0311;) for correct combining.
U+0311 (COMBINING INVERTED BREVE). Combining Diacritical Marks block (U+0300–U+036F). Hex 0311, decimal 785.
In linguistic transcription, Slavic orthography, dictionaries, academic phonetics, and language-learning content that requires this mark above a base letter.
HTML references (&#785; or &#x0311;) go in markup after the base character. The CSS escape \311 is used in stylesheets, typically on ::after. Both render the combining mark.
Named entities cover common characters; combining diacritics in U+0300–U+036F use numeric hex or decimal codes or CSS escapes. That is standard for U+0311.

Explore More HTML Entities!

Discover 1500+ HTML character references — diacritics, symbols, math, 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