HTML Entity for Contains Overbar (⋽)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+22FD
HTML entity for Contains Overbar (U+22FD) tutorial illustration

What You'll Learn

How to display Contains Overbar (⋽) in HTML using numeric references, the named entity, and CSS escapes. This character is U+22FD (CONTAINS WITH OVERBAR) in the Mathematical Operators block (U+2200–U+22FF). It is used in set theory for the “contains with overbar” relation.

Use the named entity ⋽, hex ⋽, decimal ⋽, or CSS \22FD. ⋽ is the most readable option when writing HTML by hand. Do not confuse ⋽ with Contains Long Horizontal Stroke U+22FA (⋺), Contains As Member U+220B (∋), or Contains As Member Small U+220D (∍).

⚡ Quick Reference — Contains Overbar

Unicode U+22FD

Mathematical Operators (U+2200–U+22FF)

Hex Code ⋽

Hexadecimal reference

HTML Code ⋽

Decimal reference

Named Entity ⋽

Standard HTML entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+22FD
Hex code       ⋽
HTML code      ⋽
Named entity   ⋽
CSS code       \22FD
1

Complete HTML Example

This example demonstrates Contains Overbar (⋽) using hexadecimal code, decimal HTML code, the named entity ⋽, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\22FD";
  }
 </style>
</head>
<body>
<p>Contains Overbar using Hexa Decimal: &#x22FD;</p>
<p>Contains Overbar using HTML Code: &#8957;</p>
<p>Contains Overbar using HTML Entity: &notnivc;</p>
<p id="point">Contains Overbar using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+22FD is supported in modern browsers; use a math-capable font for best glyph quality:

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

👀 Live Preview

See the contains-overbar operator in context:

Named entity A &notnivc; B
Set notation Relation: ⋽
Standalone ⋽
vs ⋺ ⋽ (overbar)   ⋺ (long stroke)
vs ∋ ⋽ (overbar)   ∋ (contains member)
Monospace refs &#x22FD; &#8957; &notnivc; \22FD

🧠 How It Works

1

Hexadecimal Code

&#x22FD; references code point U+22FD using hex digits 22FD.

HTML markup
2

Decimal HTML Code

&#8957; is the decimal equivalent (8957) for the same character.

HTML markup
3

Named HTML Entity

&notnivc; is the standard named entity for U+22FD—readable for set-theory notation.

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

All four methods produce the glyph: ⋽. Unicode U+22FD is in Mathematical Operators (U+2200–U+22FF).

✅

Use Cases

Contains Overbar (⋽) commonly appears in:

📊 Set theory

Specialized “contains with overbar” relations in formal notation.

📚 Math education

Advanced discrete math and logic course materials.

📄 Academic papers

Technical PDFs and HTML preprints with set-relation operators.

💻 Documentation

Symbol glossaries and character reference tables for math HTML.

🔤 Entity demos

Examples showing &notnivc; alongside numeric references.

📐 Generated HTML

Tools rendering math symbols without full MathML.

♿ Accessibility

Describe the relation in text; do not rely on the glyph alone.

💡 Best Practices

Do

  • Prefer &notnivc; for readable hand-written HTML
  • Use math fonts (Cambria Math, STIX Two Math) for clear operators
  • Keep entity style consistent across a document
  • Use \22FD only inside CSS content
  • Distinguish ⋽ from simpler contains operators (∋, ∍)

Don’t

  • Write U+022FD—the correct notation is U+22FD
  • Substitute ∋ or ⋺ when the overbar operator ⋽ is required
  • Use CSS \022FD with a leading zero unless your toolchain requires it—prefer \22FD
  • Put CSS escape in HTML text nodes
  • Mix entity styles randomly in one file

Key Takeaways

1

Named entity for easy authoring

&notnivc;
2

Numeric references also render ⋽

&#x22FD; &#8957;
3

For CSS stylesheets, use the escape in the content property

\22FD
4

U+22FD CONTAINS WITH OVERBAR

5

Four methods, one glyph — widely supported in modern browsers

❓ Frequently Asked Questions

Use &notnivc; (named entity), &#x22FD; (hex), &#8957; (decimal), or \22FD in CSS content. All four methods render ⋽.
U+22FD (CONTAINS WITH OVERBAR). Mathematical Operators (U+2200–U+22FF). Hex 22FD, decimal 8957.
When you need the ⋽ operator in set theory notation, mathematical documentation, academic content, or technical references for set relations with an overbar.
HTML entities (&notnivc;, &#8957;, or &#x22FD;) go directly in markup. The CSS escape \22FD is used in stylesheets, typically in the content property of pseudo-elements.
Yes. &notnivc; is the named entity for U+22FD. It is well supported in modern browsers for this Mathematical Operators symbol.

Explore More HTML Entities!

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

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Contains Long Horizontal Stroke (⋺) Contains Vertical Bar At End Horizontal Stroke (⋻)