HTML Entity for Inverted Breve (U+0311)

Beginner

6 min read

Updated: Sep 2026

1 example

Unicode U+0311

HTML Entity for combining Inverted Breve (U+0311) tutorial illustration

Definition

What Is the Inverted Breve Entity?

Inverted Breve is the combining diacritic at Unicode U+0311 (COMBINING INVERTED BREVE). It sits above a base letter — used in linguistics, phonetics, and some orthographies.

Remember

Mark          combining inverted breve
Unicode       U+0311
Hex entity    &#x0311;
Decimal       &#785;
CSS escape    \0311
Named entity  (none)
Order         base letter + mark  →  o&#x0311;

Combining marks are not standalone letters. Write the base character first, then the entity (e.g. ȏ → ȏ).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Hex entity	`̑`	HTML after the base letter
Decimal entity	`̑`	HTML after the base letter
CSS escape	`\0311`	Stylesheet `content` (often `::after`)
Direct character	base + U+0311	UTF-8 HTML text
Named entity	—	Not defined in HTML5

When to Use Which

Situation	Use
Need an entity in HTML source	`ȏ` or `ȏ`
Generated mark via `::after`	`content: "\0311"` on an element that ends with the base letter
UTF-8 page, typing is easy	Type base + combining mark directly
Looking for a named `&...;` form	Does not exist — use numeric form
Breve above (U+0306) or below (U+032F)	Different combining characters

See it

Live Preview

Inverted Breve combined with base letters (font-dependent).

With vowels ȏ ȃ ȇ

Large sample ȏ

vs breve U+0311: ȏ | U+0306: ŏ

Mark alone ̑ (needs a base letter)

With entities ȏ | ȏ

Code

Complete HTML Example

One page that shows Inverted Breve with hex, decimal, and CSS after a base letter. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to attach U+0311 to a base letter.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Inverted Breve (U+0311) in HTML</title>
  <style>
    #point::after {
      content: "\0311";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: o&#x0311;</p>
  <p>Using HTML Code: o&#785;</p>
  <p id="point">Using CSS Entity: o</p>
  <p>Typed directly: ȏ</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+0311 → ̑ after the base letter. The browser combines them into ȏ.

2. Decimal: same code point as 785 → ̑. Same result as hex.

3. CSS: use \0311 in content (not an HTML entity). #point::after appends the mark after the letter o.

4. Typed: in UTF-8 you can type the base letter and the combining mark directly — same visual result.

Pitfalls & Tips

Common mistakes when working with combining Inverted Breve.

Order

Base letter first

Write ȏ, not ̑o. Combining marks follow the base.

Named?

No named entity

HTML5 does not define a named entity for U+0311. Use numeric forms.

CSS vs HTML

Do not mix escapes

\0311 belongs in CSS. ̑ / ̑ belong in HTML.

Look-alikes

Not U+0306 or U+032F

U+0306 is combining breve. U+032F is inverted breve below. Different marks.

Semicolon

End references

Always finish with ; — write ̑, not &#785.

Fonts

Diacritic support

Use fonts with good combining-mark support (e.g. Charis SIL, DejaVu Sans, Noto Sans).

Compatibility

Browser Support

Combining Inverted Breve (U+0311) and its numeric entity forms (̑, ̑, CSS \\0311) are supported in all mainstream browsers when the font positions Combining Diacritical Marks correctly.

✓ Universal support

Inverted Breve (U+0311)

Encode with hex, decimal, or CSS escape — attach after the base letter for correct combining.

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

Bottom line: Prefer basȇ or basȇ in HTML. Use \\0311 only inside CSS content. Rendering quality depends on the font.

Remember

Key Takeaways

Unicode: combining inverted breve is U+0311 (decimal 785).
HTML: use ̑ or ̑ after the base letter.
CSS: use \0311 inside content for generated marks.
Order: always base + mark — never the reverse.

One line: U+0311 → ȏ / ȏ / CSS \0311.

Frequently Asked Questions

How do I display the Inverted Breve (U+0311) in HTML using entities?

Use ̑ (hex), ̑ (decimal), or the CSS escape \0311 in the content property. There is no named HTML entity. Place the mark immediately after the base letter (e.g. ȏ).

What is the Unicode value for Inverted Breve?

U+0311 (COMBINING INVERTED BREVE). Hex 0311, decimal 785. It belongs to the Combining Diacritical Marks block.

Is there a named HTML entity for U+0311?

No. HTML5 does not define a named entity for this combining mark. Use numeric references like ̑ or ̑.

When should I use the Inverted Breve HTML entity?

Use it in linguistics, phonetics/IPA, and orthographies that need an inverted breve above a letter. Always write base letter first, then the combining mark.

What is the difference between HTML code and CSS entity for U+0311?

HTML entities (̑ or ̑) go in markup after the base character. The CSS escape \0311 is used in stylesheets (usually in the content property of ::after). Both apply the combining mark.

How is U+0311 different from combining breve (U+0306) or inverted breve below (U+032F)?

U+0306 is COMBINING BREVE (curve the other way). U+032F is COMBINING INVERTED BREVE BELOW. U+0311 sits above the base letter.

Did you know?

Inverted Breve is Unicode U+0311 (decimal 785) — COMBINING INVERTED BREVE. HTML5 has no named entity. Place it after the base letter (e.g. ȏ).

Next: Inverted Breve Below

Learn the HTML entity for combining Inverted Breve Below (U+032F) — next in this sequence.

Inverted Breve Below tutorial →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Intersection HTML Entity | Inverted Breve Below