HTML Entity for Vertical Line Above (̍)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+030D

What Is Vertical Line Above?

Combining vertical line above (U+030D) is a combining mark in Combining Diacritical Marks. It does not stand alone like a normal letter — it stacks above the character that comes before it. Example: a + ̍ renders as a̍.

Remember
Character     combining vertical line above (after a base)
Unicode       U+030D
Hex entity    ̍
Decimal       ̍
CSS escape    \030D
Named entity  (none)
Example       a̍ → a̍

Prefer ̍ or ̍ immediately after the base letter. Used in linguistic and phonetic notation. For a mark under the letter, see vertical line below (U+0329).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity̍HTML markup (after base letter)
Decimal entity̍HTML markup (after base letter)
CSS escape\030DStylesheet content string
Named entity—Not defined in HTML5
OrderBase, then markRequired

When to Use Which

SituationUse
Vertical line above a letter (a̍)a̍ or a̍
Vertical line below a letterU+0329 after the base
Combining acute above (é style)U+0301 after the base
Spacing pipe / vertical bar (|)| (|) — not combining
Generated text via ::before / ::aftercontent: "a\030D"
Document the mark alone◌̍ (dotted circle + mark)

Live Preview

Combining vertical line above after common bases (same code point, different letters).

Vowels + mark a̍   e̍   i̍   o̍   u̍
Large (a + mark) a̍
Placeholder ◌̍ (dotted circle + U+030D)
Compared a̍  |  a̩  |  á  |  |
With entities Hex: a̍ | Decimal: a̍

Complete HTML Example

One page that attaches U+030D to the letter a with hex, decimal, CSS escape, and a typed combining sequence. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce a̍ (a + combining vertical line above) in one document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Combining Vertical Line Above (U+030D)</title>
  <style>
    #point::after {
      content: "a\030D";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: a&#x030D;</p>
  <p>Using HTML Code: a&#781;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: a̍</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: write the base letter, then &#x030D; → a&#x030D; becomes a̍.

2. Decimal: same mark as 781 → a&#781;. Same result as hex.

3. CSS: put base + escape in one string: content: "a\030D". #point::after appends that sequence after the paragraph text.

4. Typed: in UTF-8 type a then the combining mark. Order must stay base first, mark second.

Pitfalls & Tips

Common mistakes when working with U+030D.

Order

Base letter first

Write a&#x030D;, never put U+030D before the letter you want to mark.

Named?

No named entity

HTML5 has no named entity for U+030D. Use &#x030D; or &#781; after a base.

vs |

Not a spacing pipe

| (U+007C) stands alone. U+030D must follow a base character.

vs U+0329

Above ≠ below

U+030D sits above the letter. U+0329 sits below — different marks.

Fonts

Combining support varies

Some fonts stack poorly. Prefer fonts with solid Combining Diacritical Marks coverage for linguistic text.

CSS vs HTML

Do not mix escapes

\030D belongs in CSS strings (with a base). &#x030D; / &#781; belong in HTML after a base.

A11y

Explain the notation

When a̍ appears in examples, label it as linguistic notation so readers know it is not everyday spelling.

Browser Support

Combining vertical line above (U+030D) and its numeric entity forms (&#x030D;, &#781;, CSS \\030D) are supported in all mainstream browsers. Stacking quality depends on font support for combining marks.

✓ Universal support

Vertical Line Above (U+030D)

Encode with hex, decimal, or CSS escape after a base letter — same combining mark everywhere encoding is supported.

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+030D Full support

Bottom line: Use &#x030D; or &#781; after a base letter. Use \\030D only inside CSS content strings with a base (e.g. "a\\030D").

Key Takeaways

  • Unicode: combining vertical line above is U+030D (decimal 781).
  • HTML: base first, then &#x030D; or &#781; (e.g. a&#x030D;).
  • CSS: use "a\030D" (or another base) inside content.
  • Meaning: combining above — not | (pipe), not U+0329 (below).

One line: U+030D → after a base letter as &#x030D; / &#781; / CSS \030D.

Frequently Asked Questions

Place &#x030D; (hex) or &#781; (decimal) immediately after a base letter — for example a&#x030D;. In CSS, use content: "a\030D". There is no named HTML entity for U+030D.
U+030D (COMBINING VERTICAL LINE ABOVE). Hex 030D, decimal 781. It belongs to Combining Diacritical Marks (U+0300–U+036F).
No. HTML5 does not define a named entity. Use numeric forms &#781; or &#x030D; after a base letter.
It is a combining mark, not a spacing character. It attaches to the preceding base. To show it alone in documentation, use a placeholder base such as ◌ (U+25CC) + U+030D.
U+030D combines above a letter. | (U+007C) is a spacing pipe. ˈ (U+02C8) is a spacing modifier letter — not a combining mark.
HTML entities (&#781; or &#x030D;) go in markup after the base letter. The CSS escape \030D goes in stylesheet strings (usually content on ::before/::after), typically as "a\030D".

Did you know?

Combining vertical line above is Unicode U+030D (decimal 781) — COMBINING VERTICAL LINE ABOVE in Combining Diacritical Marks. It is a combining mark — place it after a base letter (e.g. a&#x030D; → a̍). HTML5 has no named entity. Used in linguistic and phonetic notation. Pair with vertical line below (U+0329) when you need the mark under the letter.

Next: Vertical Line Below

Learn the HTML entity for combining vertical line below (U+0329).

Continue tutorial →

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