HTML Entity for Vertical Line Above (̍)

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

What You'll Learn

How to display the Vertical Line Above combining mark (̍) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+030D (COMBINING VERTICAL LINE ABOVE) in the Combining Diacritical Marks block—a non-spacing mark that attaches above a preceding base character in linguistic and phonetic notation.

Render it with ̍, ̍, or CSS escape \030D. There is no named HTML entity. Always place the combining mark after its base letter (e.g. a̍ → a̍). Do not confuse ̍ with the spacing vertical line | (U+007C, |).

⚡ Quick Reference — Vertical Line Above Entity

Unicode U+030D

Combining Diacritical Marks

Hex Code ̍

Hexadecimal reference

HTML Code ̍

Decimal reference

Named Entity

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+030D
Hex code       ̍
HTML code      ̍
Named entity   (none)
CSS code       \030D
Type           Combining mark (non-spacing)
Usage          Place after base character: a̍
Related        U+0329 = ̩ (vertical line below)
               U+007C = | (spacing vertical line, |)
Block          Combining Diacritical Marks (U+0300–U+036F)
1

Complete HTML Example

A simple example showing the Vertical Line Above (̍) with a base letter, using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "a\030D";
  }
 </style>
</head>
<body>
<p>With base (hex): a&#x030D;</p>
<p>With base (decimal): a&#781;</p>
<p id="point">With base (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The Vertical Line Above combining mark (̍) is supported in modern browsers when the font includes Combining Diacritical Marks glyphs:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the Vertical Line Above combining mark with base characters:

With base lettera̍   e̍   o̍
Mark alone̍
Unicode nameCOMBINING VERTICAL LINE ABOVE
Not the same as| (U+007C, &vert;) — spacing vertical line
Numeric refs&#x030D; &#781; \030D

🧠 How It Works

1

Hexadecimal Code

&#x030D; uses the Unicode hexadecimal value 030D. Place it immediately after a base character: a&#x030D;.

HTML markup
2

Decimal HTML Code

&#781; uses the decimal Unicode value 781 to display the same combining mark after a base letter.

HTML markup
3

CSS Entity

\030D is used in CSS stylesheets, particularly in the content property. Combine with a base letter: content: "a\030D";

CSS stylesheet
=

Combining mark result

U+030D attaches above the preceding base character. Unicode U+030D sits in Combining Diacritical Marks. Related below-mark is ̩ (U+0329).

Use Cases

The Vertical Line Above (̍) is commonly used in:

🔤 Linguistic notation

Combining mark above base characters in language documentation.

📝 Phonetic transcriptions

IPA and phonetic systems using diacritical marks above letters.

📚 Academic papers

Scholarly linguistics content requiring combining diacritical marks.

📄 Technical documentation

Unicode references and notation guides for combining characters.

📐 Formal notation

Mathematical or logical notation using specialized combining marks.

⚙ Unicode tooling

Documentation for apps handling combining character sequences.

🌐 Internationalization

Multilingual content with correct combining mark ordering in HTML.

💡 Best Practices

Do

  • Place ̍ after the base character: a&#x030D;
  • Serve pages as UTF-8 for direct Unicode input
  • Use fonts that support Combining Diacritical Marks
  • Pick one style (hex or decimal) per project for consistency
  • Test rendering with base letters across browsers

Don’t

  • Confuse ̍ (combining) with | (U+007C, &vert;)
  • Put the combining mark before the base character
  • Mix entity styles randomly in one file
  • Use CSS escape \030D inside HTML markup
  • Expect a named HTML entity—none exists for ̍

Key Takeaways

1

Use hex/decimal after a base letter

a&#x030D; a&#781;
2

For CSS, combine base + escape in content

a\030D
3

Unicode U+030D — COMBINING VERTICAL LINE ABOVE

4

Non-spacing combining mark—not the same as pipe |

❓ Frequently Asked Questions

Use &#x030D; (hex), &#781; (decimal), or \030D in CSS content. Place the mark after a base character: a&#x030D;. There is no named HTML entity.
U+030D (COMBINING VERTICAL LINE ABOVE). Combining Diacritical Marks block. Hex 030D, decimal 781. Related below-mark is U+0329 (̩).
In linguistic notation, phonetic transcriptions, academic papers, technical documentation, and any content requiring combining diacritical marks above base letters.
HTML entities (&#781; or &#x030D;) go directly in markup after a base character. The CSS escape \030D is used in stylesheets, typically as content: "a\030D";. Same visual result when paired with a base letter.
Named HTML entities are reserved for commonly used ASCII, Latin-1, and widely recognized symbols. Combining diacritical marks like ̍ use numeric codes. Use &#781; or &#x030D; in HTML, or \030D in CSS.

Explore More HTML Entities!

Discover 1500+ HTML character references — combining marks, letters, 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