HTML Entity for Small Element Of With Overbar (⋷)
What You'll Learn
How to display Small Element Of With Overbar (⋷) in HTML using numeric references, the named entity, and CSS escapes. This character is U+22F7 (SMALL ELEMENT OF WITH OVERBAR) in the Mathematical Operators block (U+2200–U+22FF). It is used in set theory for the “small element of with overbar” relation.
Use the named entity ⋷, hex ⋷, decimal ⋷, or CSS \22F7. ⋷ is the most readable option when writing HTML by hand. Do not confuse ⋷ with Element Of With Overbar U+22F6 (⋶, ⋶), Small Element Of U+220A (∊), or Element Of U+2208 (∈, ∈).
⚡ Quick Reference — Small Element Of With Overbar
U+22F7Mathematical Operators (U+2200–U+22FF)
⋷Hexadecimal reference
⋷Decimal reference
⋷Standard HTML entity
Name Value
──────────── ──────────
Unicode U+22F7
Hex code ⋷
HTML code ⋷
Named entity ⋷
CSS code \22F7Complete HTML Example
This example demonstrates Small Element Of With Overbar (⋷) using hexadecimal code, decimal HTML code, the named entity ⋷, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\22F7";
}
</style>
</head>
<body>
<p>Small Element Of With Overbar using Hex: ⋷</p>
<p>Small Element Of With Overbar using HTML Code: ⋷</p>
<p>Small Element Of With Overbar using HTML Entity: ⋷</p>
<p id="point">Small Element Of With Overbar using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+22F7 is supported in modern browsers; use a math-capable font for best glyph quality:
👀 Live Preview
See the small-element-of-with-overbar operator in context:
🧠 How It Works
Hexadecimal Code
⋷ references code point U+22F7 using hex digits 22F7.
Decimal HTML Code
⋷ is the decimal equivalent (8951) for the same character.
Named HTML Entity
⋷ is the standard named entity for U+22F7—readable for set-theory notation.
CSS Entity
\22F7 is the CSS escape for U+22F7, used in the content property of ::before or ::after.
Same visual result
All four methods produce the glyph: ⋷. Unicode U+22F7 is in Mathematical Operators (U+2200–U+22FF). Next: Snowflake.
Use Cases
Small Element Of With Overbar (⋷) commonly appears in:
Specialized “small element of with overbar” relations in formal notation.
Advanced discrete math and logic course materials.
Technical PDFs and HTML preprints with set-relation operators.
Symbol glossaries and character reference tables for math HTML.
Examples showing ⋷ alongside numeric references.
Tools rendering math symbols without full MathML.
Describe the relation in text; do not rely on the glyph alone.
💡 Best Practices
Do
- Prefer
⋷for readable hand-written HTML - Use math fonts (Cambria Math, STIX Two Math) for clear operators
- Keep entity style consistent across a document
- Use
\22F7only inside CSScontent - Distinguish ⋷ from ⋶ (element of with overbar) and ∊ (small element of)
- Do not confuse
⋷(U+22F7) with⋶(U+22F6)
Don’t
- Write U+022F7—the correct notation is U+22F7
- Substitute ⋶ or ∊ when the small overbar operator ⋷ is required
- Use CSS
\022F7with a leading zero unless your toolchain requires it—prefer\22F7 - Put CSS escape in HTML text nodes
- Mix entity styles randomly in one file
Key Takeaways
Named entity for easy authoring
⋷Numeric references also render ⋷
⋷ ⋷For CSS stylesheets, use the escape in the content property
\22F7U+22F7 SMALL ELEMENT OF WITH OVERBAR
Four methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
⋷ (named entity), ⋷ (hex), ⋷ (decimal), or \22F7 in CSS content. All four methods render ⋷.U+22F7 (SMALL ELEMENT OF WITH OVERBAR). Mathematical Operators (U+2200–U+22FF). Hex 22F7, decimal 8951.⋷, ⋷, or ⋷) go directly in markup. The CSS escape \22F7 is used in stylesheets, typically in the content property of pseudo-elements.⋷ is the named entity for U+22F7. Do not confuse with ⋶ for U+22F6 (element of with overbar). It is well supported in modern browsers.Explore More HTML Entities!
Discover 1500+ HTML character references — math operators, symbols, arrows, and more.
About the author
8 people found this page helpful