HTML Entity for Combining Breve (̆)

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

What You'll Learn

How to display the Combining Breve (̆) in HTML and CSS. This character is U+0306 in the Combining Diacritical Marks block (U+0300–U+036F), approved in Unicode 1.1 (1993). It is a nonspacing mark that attaches above the preceding character, shaped like the top half of a circle. In Latin and other scripts it marks shorter or softer vowel variants—from Ancient Greek βραχύ (brachy, “short”).

There is no named HTML entity for U+0306. Use ̆ or ̆ in markup, or \306 in stylesheet content. Place the mark immediately after the base letter (e.g. ă renders as ă). The related Spacing Breve (˘ U+02D8) is a standalone modifier with named entity ˘—a different character.

⚡ Quick Reference — Combining Breve

Unicode U+0306

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

Hex Code ̆

Hexadecimal reference

HTML Code ̆

Decimal reference

Named Entity

None for U+0306 (˘ is U+02D8)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+0306
Hex code       ̆
HTML code      ̆
Named entity   —
CSS code       \306
Spacing breve  U+02D8 (˘)
1

Complete HTML Example

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

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\306";
  }
 </style>
</head>
<body>
<p>Breve using Hexa Decimal: &#x0306;</p>
<p>Breve using HTML Code: &#774;</p>
<p id="point">Breve using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+0306 is widely supported when paired with a base character; combining mark placement depends on font shaping:

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

👀 Live Preview

See the combining breve with base letters and precomposed forms (font-dependent):

With base letter ă ĕ ĭ
Precomposed ă ĕ ĭ
Romanian example România uses ă (a-breve) and â (a-circumflex)
Spacing breve ˘ (U+02D8, &breve;)
Monospace refs &#x0306; &#774; \306

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

&#774; is the decimal equivalent (774) for the same Combining Breve character.

HTML markup
3

CSS Entity

\306 is the CSS escape for U+0306, used in the content property of ::before or ::after.

CSS stylesheet
=

Combining behavior

The breve attaches above the preceding character. When alone it may display as a floating mark ̆. Precomposed ă (U+0103) is an alternative. Spacing Breve U+02D8 (˘) uses &breve;.

Use Cases

The Combining Breve (̆) is commonly used for:

🇷🇴 Romanian

ă (a-breve) and other Romanian-specific vowel markings.

🇹🇷 Turkish & Turkic

Breve-accented vowels in Turkish and related languages.

🔤 IPA phonetics

International Phonetic Alphabet transcriptions and linguistics.

📚 Language learning

Language courses, pronunciation guides, and educational content.

📖 Dictionaries

Dictionary entries, pronunciation keys, and lexical databases.

✏ Typography

Correct rendering of diacritics in multilingual typography.

♿ Accessibility

Ensure base + combining sequence is correct; screen readers rely on proper Unicode order.

💡 Best Practices

Do

  • Place the breve immediately after the base letter: a&#x0306;
  • Use precomposed U+0103, U+0115, U+012D when a single code point is preferred
  • Declare <meta charset="utf-8"> for correct combining rendering
  • Choose fonts that support Combining Diacritical Marks (U+0300–U+036F)
  • Use \306 only inside CSS content, not inside HTML text nodes

Don’t

  • Confuse U+0306 (combining breve) with U+02D8 (spacing breve, &breve;)
  • Insert a space between the base letter and the combining mark
  • Confuse breve with circumflex (e.g. â uses U+0302, not U+0306)
  • Assume every font positions breve correctly on all base letters
  • Mix CSS escapes into HTML text nodes (use numeric refs in markup)

Key Takeaways

1

Two numeric references render the combining mark

&#x0306; &#774;
2

CSS content escape

\306
3

U+0306 attaches above the preceding character; order matters

4

&breve; is U+02D8 (spacing breve)—not the combining mark

5

Precomposed ă (U+0103) is an alternative to a + &#x0306;

❓ Frequently Asked Questions

Use &#x0306; (hex), &#774; (decimal), or \306 in CSS content. Place the mark immediately after the base letter (e.g. a&#x0306; = ă). There is no named entity for U+0306.
U+0306 (Combining Breve). Combining Diacritical Marks (U+0300–U+036F). Hex 0306, decimal 774. Spacing Breve U+02D8 (˘) is a separate character.
For Romanian (e.g. ă), Turkish, IPA phonetics, linguistics, language learning, dictionary entries, and any content requiring breve-accented characters.
Numeric references belong in HTML. The \306 escape belongs in stylesheets (for example on pseudo-elements). Place the breve right after the base letter in HTML.
No for U+0306. Use &#x0306;, &#774;, or \306 in CSS. The named entity &breve; refers to Spacing Breve U+02D8, not the combining mark.

Explore More HTML Entities!

Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, 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