HTML Entity for Contains Vertical Bar At End Horizontal Stroke (⋻)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+22FB
HTML entity for Contains Vertical Bar At End Horizontal Stroke (U+22FB) tutorial illustration

What You'll Learn

How to display Contains Vertical Bar At End Horizontal Stroke (⋻) in HTML using numeric references, the named entity, and CSS escapes. This character is U+22FB (CONTAINS WITH VERTICAL BAR AT END OF HORIZONTAL STROKE) in the Mathematical Operators block (U+2200–U+22FF). It is used in set theory for the “contains with vertical bar at end of horizontal stroke” relation.

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

⚡ Quick Reference — Contains Vertical Bar At End Horizontal Stroke

Unicode U+22FB

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+22FB
Hex code       ⋻
HTML code      ⋻
Named entity   ⋻
CSS code       \22FB
1

Complete HTML Example

This example demonstrates Contains Vertical Bar At End Horizontal Stroke (⋻) using hexadecimal code, decimal HTML code, the named entity ⋻, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\22FB";
  }
 </style>
</head>
<body>
<p>Contains Vertical Bar At End Horizontal Stroke using Hexa Decimal: &#x22FB;</p>
<p>Contains Vertical Bar At End Horizontal Stroke using HTML Code: &#8955;</p>
<p>Contains Vertical Bar At End Horizontal Stroke using HTML Entity: &xnis;</p>
<p id="point">Contains Vertical Bar At End Horizontal Stroke using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+22FB 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-vertical-bar-at-end-horizontal-stroke operator in context:

Named entity A &xnis; B
Set notation Relation: ⋻
Standalone ⋻
vs ⋽ ⋻ (this symbol)   ⋽ (overbar)
vs ⋺ ⋻   ⋺ (long stroke)
vs ∋ ⋻   ∋ (contains member)
Monospace refs &#x22FB; &#8955; &xnis; \22FB

🧠 How It Works

1

Hexadecimal Code

&#x22FB; references code point U+22FB using hex digits 22FB.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named HTML Entity

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

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

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

✅

Use Cases

Contains Vertical Bar At End Horizontal Stroke (⋻) commonly appears in:

📊 Set theory

Specialized “contains with vertical bar at end of horizontal stroke” 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 &xnis; 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 &xnis; for readable hand-written HTML
  • Use math fonts (Cambria Math, STIX Two Math) for clear operators
  • Keep entity style consistent across a document
  • Use \22FB only inside CSS content
  • Distinguish ⋻ from simpler contains operators (∋, ∍)

Don’t

  • Write U+022FB—the correct notation is U+22FB
  • Use ⋽, ⋺, or ∋ when this operator (⋻) is not the one you need
  • Use CSS \022FB with a leading zero unless your toolchain requires it—prefer \22FB
  • Put CSS escape in HTML text nodes
  • Mix entity styles randomly in one file

Key Takeaways

1

Named entity for easy authoring

&xnis;
2

Numeric references also render ⋻

&#x22FB; &#8955;
3

For CSS stylesheets, use the escape in the content property

\22FB
4

U+22FB CONTAINS WITH VERTICAL BAR AT END OF HORIZONTAL STROKE

5

Four methods, one glyph — widely supported in modern browsers

❓ Frequently Asked Questions

Use &xnis; (named entity), &#x22FB; (hex), &#8955; (decimal), or \22FB in CSS content. All four methods render ⋻.
U+22FB (CONTAINS WITH VERTICAL BAR AT END OF HORIZONTAL STROKE). Mathematical Operators (U+2200–U+22FF). Hex 22FB, decimal 8955.
When you need the ⋻ operator in set theory notation, mathematical documentation, academic content, or technical references for this contains-with-vertical-bar variant.
HTML entities (&xnis;, &#8955;, or &#x22FB;) go directly in markup. The CSS escape \22FB is used in stylesheets, typically in the content property of pseudo-elements.
Yes. &xnis; is the named entity for U+22FB. 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 Overbar (⋽) Contour Integral (∮)