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

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

What You'll Learn

How to display Small Contains Vertical Bar At End Horizontal Stroke (⋼) in HTML using numeric references, the named entity, and CSS escapes. This character is U+22FC (SMALL 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 specialized small containment relations with a vertical bar at the end of the horizontal stroke.

Use the named entity ⋼, hex ⋼, decimal ⋼, or CSS \22FC. ⋼ is the most readable option when writing HTML by hand. Do not confuse ⋼ with Contains Vertical Bar At End Horizontal Stroke U+22FB (⋻), Small Contains Overbar U+22FE (⋾), or Contains As Member Small U+220D (∍).

⚡ Quick Reference — Small Contains Vertical Bar

Unicode U+22FC

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

Complete HTML Example

This example demonstrates Small Contains Vertical Bar (⋼) using hexadecimal code, decimal HTML code, the named entity ⋼, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\22FC";
  }
 </style>
</head>
<body>
<p>Small Contains Vertical Bar using Hex: &#x22FC;</p>
<p>Small Contains Vertical Bar using HTML Code: &#8956;</p>
<p>Small Contains Vertical Bar using HTML Entity: &nis;</p>
<p id="point">Small Contains Vertical Bar using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+22FC 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 small-contains-vertical-bar operator in context:

Named entity A &nis; B
Set notation Relation: ⋼
Standalone ⋼
vs ⋻ ⋼ (small)   ⋻ (contains vertical bar)
vs ⋾ ⋼ (vertical bar)   ⋾ (small contains overbar)
Monospace refs &#x22FC; &#8956; &nis; \22FC

🧠 How It Works

1

Hexadecimal Code

&#x22FC; references code point U+22FC using hex digits 22FC.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named HTML Entity

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

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

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

✅

Use Cases

Small Contains Vertical Bar (⋼) commonly appears in:

📊 Set theory

Specialized small containment relations with vertical-bar stroke 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 &nis; 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 &nis; for readable hand-written HTML
  • Use math fonts (Cambria Math, STIX Two Math) for clear operators
  • Keep entity style consistent across a document
  • Use \22FC only inside CSS content
  • Distinguish ⋼ from ⋻ (contains vertical bar) and ⋾ (small contains overbar)
  • Do not confuse &nis; (U+22FC) with &xnis; (U+22FB)

Don’t

  • Write U+022FC—the correct notation is U+22FC
  • Substitute ⋻ or ⋾ when the small vertical-bar operator ⋼ is required
  • Use CSS \022FC with a leading zero unless your toolchain requires it—prefer \22FC
  • Put CSS escape in HTML text nodes
  • Mix entity styles randomly in one file

Key Takeaways

1

Named entity for easy authoring

&nis;
2

Numeric references also render ⋼

&#x22FC; &#8956;
3

For CSS stylesheets, use the escape in the content property

\22FC
4

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

5

Four methods, one glyph — widely supported in modern browsers

❓ Frequently Asked Questions

Use &nis; (named entity), &#x22FC; (hex), &#8956; (decimal), or \22FC in CSS content. All four methods render ⋼.
U+22FC (SMALL CONTAINS WITH VERTICAL BAR AT END OF HORIZONTAL STROKE). Mathematical Operators (U+2200–U+22FF). Hex 22FC, decimal 8956.
When you need the ⋼ operator in set theory notation, mathematical documentation, academic content, or technical references for small containment relations with a vertical bar stroke.
HTML entities (&nis;, &#8956;, or &#x22FC;) go directly in markup. The CSS escape \22FC is used in stylesheets, typically in the content property of pseudo-elements.
Yes. &nis; is the named entity for U+22FC. Do not confuse with &xnis; for U+22FB (full-size contains vertical bar). Both are well supported in modern browsers.

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

Small Contains Overbar (⋾) Small Element Of (∊)