HTML Entity for Precedes Or Equal To (≼)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+227C
HTML Entity for precedes or equal to symbol tutorial illustration

What You'll Learn

How to display the precedes or equal to symbol (≼) in HTML using various entity methods. This operator expresses that one element either strictly precedes another or is equal to it—commonly used in order theory, lattice theory, and relational notation.

This character is part of the Mathematical Operators Unicode block and can be rendered with a hexadecimal reference, a decimal reference, the named entity ≼, or a CSS escape in the content property. Do not confuse ≼ with U+227A (≺, strict precedes), U+227E (≾, precedes or equivalent), or U+2264 (≤, less-than-or-equal).

⚡ Quick Reference — Precedes Or Equal To

Unicode U+227C

Mathematical Operators block

Hex Code ≼

Hexadecimal reference

HTML Code ≼

Decimal reference

Named Entity ≼

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+227C
Hex code       ≼
HTML code      ≼
Named entity   ≼
CSS code       \227C
Meaning        Precedes or equal to
Related        U+227A = Precedes (≺)
               U+227E = Precedes or equivalent (≾)
               U+227D = Succeeds or equal (≽)
Block          Mathematical Operators (U+2200–U+22FF)
1

Complete HTML Example

A simple example showing ≼ using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\227C";
  }
 </style>
</head>
<body>
<p>Relation (hex): a &#x227C; b</p>
<p>Relation (decimal): a &#8828; b</p>
<p>Relation (named): a &prcue; b</p>
<p>Relation (CSS): a <span id="point"></span> b</p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The precedes or equal to entity is universally supported in all modern browsers:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See ≼ rendered live in different contexts:

Inline relation a ≼ b (precedes or equal)
Large glyph ≼
Compared to Precedes ≺  |  Precedes or equivalent ≾
Not the same as Less-than-or-equal ≤ (numeric comparison)
Entity refs &#x227C; &#8828; &prcue; \227C

🧠 How It Works

1

Hexadecimal Code

&#x227C; uses the Unicode hexadecimal value 227C to display the symbol. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#8828; uses the decimal Unicode value 8828 to display the same character.

HTML markup
3

CSS Entity

\227C is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
4

Named Entity

&prcue; is the semantic named entity — the easiest to read in source HTML for this relation operator.

HTML markup
=

Same visual result

All four methods produce: ≼. Unicode U+227C in the Mathematical Operators block (U+2200–U+22FF).

✅

Use Cases

The precedes or equal to symbol (≼) commonly appears in:

📐 Order Theory

Partial orders and lattice relations where equality is allowed.

📄 Academic Papers

Research on posets, lattices, and relational algebra notation.

🧮 Formal Logic

Logic texts defining reflexive or non-strict order relations.

💻 Math Documentation

Online references and wikis on order relations and symbols.

📋 Unicode References

Character tables and Mathematical Operators guides.

🎓 Education

University courses teaching order notation in HTML.

♿ Accessibility

Pair ≼ with a plain-language explanation on first use.

💡 Best Practices

Do

  • Use &prcue; for readable relation markup
  • Distinguish ≼ from ≺ (precedes) and ≾ (precedes or equivalent)
  • Pick one style (hex / decimal / named) per project
  • Use MathML or LaTeX for complex multi-line formulas when appropriate
  • Test rendering across browsers and math fonts

Don’t

  • Substitute ≤ (&le;) when ≼ (&prcue;) is the intended relation
  • Confuse ≼ with ≾ (precedes or equivalent)
  • Use CSS escape \227C inside HTML text nodes
  • Use HTML entities in JS (use \u227C instead)
  • Mix entity styles randomly in one file

Key Takeaways

1

Three HTML references all render ≼

&#x227C; &#8828; &prcue;
2

For CSS stylesheets, use the escape in the content property

\227C
3

Unicode U+227C belongs to the Mathematical Operators block (U+2200–U+22FF)

4

Prefer &prcue; for readability—standard named entity for this relation

5

Previous: Precedes But Not Equivalent To (⋨)   Next: Precedes Or Equivalent To (≾)

❓ Frequently Asked Questions

Use &#x227C; (hex), &#8828; (decimal), &prcue; (named), or \227C in CSS content. All produce ≼.
U+227C (PRECEDES OR EQUAL TO). Mathematical Operators block. Hex 227C, decimal 8828.
≺ (U+227A, &pr;) is strict precedes. ≼ (U+227C, &prcue;) is precedes or equal to—allowing either strict precedence or equality between the operands.
No. ≼ is an order-relation operator (precedes or equal to). ≤ (U+2264, &le;) is less-than-or-equal for numeric comparison. They are different symbols with different meanings.
Yes. &prcue;, &#8828;, and &#x227C; are equivalent in modern browsers and all render ≼.

Explore More HTML Entities!

Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, 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

Precedes But Not Equivalent To (⋨) Precedes Or Equivalent To (≾)