HTML Entity for Equal To Precedes (⋞)
What You'll Learn
How to display the Equal To Precedes (⋞) in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+22DE (EQUAL TO OR PRECEDES) in the Mathematical Operators block (U+2200–U+22FF)—used when one value equals or precedes another in order relations, lattice theory, and logic.
Render it with ⋞, ⋞, the named entity ⋞, or CSS escape \22DE. Do not confuse ⋞ with precedes or equal (≼, U+227C) or with equal to succeeds (⋟, ⋟).
⚡ Quick Reference — Equal To Precedes
U+22DEMathematical Operators
⋞Hexadecimal reference
⋞Decimal reference
⋞Equal to or precedes
Name Value
──────────── ──────────
Unicode U+22DE
Hex code ⋞
HTML code ⋞
Named entity ⋞
CSS code \22DE
Related U+22DF = Equal to succeeds (⋟ ⋟); U+227C = Precedes or equal (≼)Complete HTML Example
This example demonstrates the Equal To Precedes (⋞) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\22DE";
}
</style>
</head>
<body>
<p>Equal To Precedes using Hexadecimal: ⋞</p>
<p>Equal To Precedes using HTML Code: ⋞</p>
<p>Equal To Precedes using HTML Entity: ⋞</p>
<p id="point">Equal To Precedes using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Equal To Precedes entity is universally supported in modern browsers:
👀 Live Preview
See the equal-to-precedes symbol (⋞) in order-relation context and compared with its dual (⋟):
⋞ ⋞ vs ⋟ ⋟⋞ ⋞🧠 How It Works
Hexadecimal Code
⋞ uses the Unicode hexadecimal value 22DE to display this symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
⋞ uses the decimal Unicode value 8926 to display the same character.
Named Entity
⋞ is the semantic named entity for equal to or precedes—easiest to read in order-relation markup.
CSS Entity
\22DE is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce the glyph: ⋞. Unicode U+22DE in the Mathematical Operators block (U+2200–U+22FF).
Use Cases
The Equal To Precedes (⋞) commonly appears in:
Partial orders where elements equal or precede one another.
Math and logic courses with lattice and poset notation.
Formal proofs and comparisons in technical writing.
Semantics, type theory, and program-order documentation.
Papers publishing correct operator symbols in HTML.
Math operator and Unicode entity reference pages.
💡 Best Practices
Do
- Use
⋞for readable order-relation markup (U+22DE) - Use math-friendly fonts for clear ⋞ rendering
- Serve pages with UTF-8 (
<meta charset="utf-8">) - Pair with
⋟(⋟) when both directions matter - Add context when the symbol carries semantic meaning
Don’t
- Confuse ⋞ (
⋞) with ⋟ (⋟, succeeds) - Use ⋞ when ≼ (precedes or equal) is the intended symbol
- Put CSS escape
\22DEin HTML text nodes - Assume all fonts distinguish ⋞ and ≼ clearly
- Mix entity styles randomly in one file
Key Takeaways
Three HTML references plus CSS all render ⋞
⋞ ⋞ ⋞For CSS stylesheets, use the escape in the content property
\22DEUnicode U+22DE — EQUAL TO OR PRECEDES
⋞ is the standard named entity
Dual symbol: ⋟ (⋟, equal to succeeds)
❓ Frequently Asked Questions
⋞ (hex), ⋞ (decimal), ⋞ (named), or \22DE in CSS content. All produce ⋞.U+22DE (EQUAL TO OR PRECEDES). Mathematical Operators block (U+2200–U+22FF). Hex 22DE, decimal 8926.⋞ renders ⋞ (U+22DE, equal to or precedes). ⋟ renders ⋟ (U+22DF, equal to or succeeds). They are paired dual operators in order notation.⋞, ⋞, or ⋞) go directly in markup. The CSS escape \22DE is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — order relations, math operators, and more.
About the author
8 people found this page helpful