HTML Entity for Precedes Under Relation (⊰)
What You'll Learn
How to display the precedes under relation symbol (⊰) in HTML using hexadecimal, decimal, and CSS escape methods. This operator expresses that one element precedes another under a specified relation—used in order theory, relational algebra, and advanced mathematical notation.
This character is part of the Mathematical Operators Unicode block and can be rendered with ⊰, ⊰, or CSS \22B0. There is no named HTML entity for this symbol. Do not confuse ⊰ with U+227A (≺, strict precedes) or U+22B1 (⊱, succeeds under relation).
⚡ Quick Reference — Precedes Under Relation
U+22B0Mathematical Operators block
⊰Hexadecimal reference
⊰Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+22B0
Hex code ⊰
HTML code ⊰
Named entity (none)
CSS code \22B0
Meaning Precedes under relation
Related U+227A = Precedes (≺)
U+22B1 = Succeeds under relation (⊱)
U+227E = Precedes or equivalent (≾)
Block Mathematical Operators (U+2200–U+22FF)Complete HTML Example
A simple example showing ⊰ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\22B0";
}
</style>
</head>
<body>
<p>Relation (hex): S ⊰ T</p>
<p>Relation (decimal): S ⊰ T</p>
<p>Relation (CSS): S <span id="point"></span> T</p>
</body>
</html>🌐 Browser Support
The precedes under relation symbol is universally supported in all modern browsers:
👀 Live Preview
See ⊰ rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
⊰ uses the Unicode hexadecimal value 22B0 to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
⊰ uses the decimal Unicode value 8880 to display the same character.
CSS Entity
\22B0 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ⊰. Unicode U+22B0 in the Mathematical Operators block (U+2200–U+22FF). No named HTML entity exists.
Use Cases
The precedes under relation symbol (⊰) commonly appears in:
Relations where precedence is defined relative to an underlying order.
Research on lattices, posets, and relational algebra notation.
Database theory and formal relation notation in technical documents.
Online references and wikis on advanced relation operators.
Character tables and Mathematical Operators guides.
University courses teaching specialized relation notation in HTML.
Pair ⊰ with a plain-language explanation on first use.
💡 Best Practices
Do
- Use
⊰or⊰for readable numeric markup - Distinguish ⊰ from ≺ (precedes) and ⊱ (succeeds under relation)
- Pick one style (hex or decimal) per project
- Use MathML or LaTeX for complex multi-line formulas when appropriate
- Test rendering across browsers and math fonts
Don’t
- Assume a named entity exists—there is none for ⊰
- Substitute ≺ (≺) when ⊰ is the intended operator
- Confuse ⊰ with ⊱ (succeeds under relation)
- Use CSS escape
\22B0inside HTML text nodes - Use HTML entities in JS (use
\u22B0instead)
Key Takeaways
Two HTML numeric references render ⊰
⊰ ⊰For CSS stylesheets, use the escape in the content property
\22B0Unicode U+22B0 belongs to the Mathematical Operators block (U+2200–U+22FF)
No named HTML entity—use numeric codes or CSS escape only
Previous: Precedes Or Equivalent To (≾) Next: Prescription Take (℞)
❓ Frequently Asked Questions
⊰ (hex), ⊰ (decimal), or \22B0 in CSS content. There is no named HTML entity for this symbol.U+22B0 (PRECEDES UNDER RELATION). Mathematical Operators block. Hex 22B0, decimal 8880.⊰ or ⊰, or the CSS escape \22B0.≺) is strict precedes. ⊰ (U+22B0) is precedes under relation—a specialized operator indicating precedence relative to an underlying relation.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful