Precedes or equal to (≼) is the Mathematical Operators character at Unicode U+227C (PRECEDES OR EQUAL TO). It means one element precedes or equals another — a non-strict order relation, not numeric ≤.
Remember
Character ≼
Unicode U+227C
Hex entity ≼
Decimal ≼
Named entity ≼ (also ≼)
CSS escape \227C
Not the same ≺ · ≾ · ≤
All of these produce the same glyph: ≼. Prefer ≼ in HTML source for clarity; use hex/decimal when generating entities, and CSS \227C only in content.
Precedes or equal to rendered in common math contexts.
Inline matha ≼ b
Large glyph≼
Meaninga ≼ b (precedes or equal)
Compared≼ | ≺ | ≾ | ≤
With entitiesHex: ≼ | Decimal: ≼ | Named: ≼
Code
Complete HTML Example
One page that shows this relation with the hex entity, decimal entity, named entity, and CSS escape. Use View Output or open the live editor.
Hex + Decimal + Named + CSS
All four ways to produce ≼ in a single document.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Precedes Or Equal To (≼) in HTML</title>
<style>
#point::after {
content: "\227C";
}
</style>
</head>
<body>
<p>Relation using Hex Code: a ≼ b</p>
<p>Relation using HTML Code: a ≼ b</p>
<p>Relation using Named Entity: a ≼ b</p>
<p id="point">Relation using CSS Entity: a </p>
</body>
</html>
Relation using Hex Code: a ≼ b
Relation using HTML Code: a ≼ b
Relation using Named Entity: a ≼ b
Relation using CSS Entity: a ≼
How It Works
1. Hex:U+227C → ≼ in HTML. The browser turns it into ≼.
2. Decimal: same code point as 8828 → ≼. Same result as hex.
3. Named:≼ is the HTML5 name for this character — easiest to read in source (alias: ≼).
4. CSS: use \227C in content (not an HTML entity). #point::after appends that ≼ after the paragraph text.
Pitfalls & Tips
Common mistakes when working with this order relation.
Named
Prefer ≼
Named form is clearer than numeric codes. ≼ is an equivalent alias.
≺
Not strict precedes
≺ (≺) excludes equality. ≼ allows precedes or equal.
≤
Not less-than-or-equal
Use ≤ for numeric ≤. ≼ is an order-theory operator.
≾
Not precedes or equivalent
≾ is U+227E (≾) — a related but different tilde-style relation.
CSS vs HTML
Do not mix escapes
\227C belongs in CSS. ≼ / ≼ / ≼ belong in HTML.
Semicolon
End references
Always finish with ; — write ≼, not &prcue.
Compatibility
Browser Support
Precedes or equal to (U+227C) and its entity forms (≼, ≼, ≼, CSS \\227C) are supported in all mainstream browsers when the font includes Mathematical Operators.
✓ Universal support
Precedes Or Equal To (≼)
Use ≼, or encode with hex, decimal, or CSS escape — same glyph everywhere fonts support it.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+227C / entitiesFull support
Bottom line: Prefer ≼ in HTML for readability. Use ≼ or ≼ when encoding must be numeric, and \\227C only inside CSS content.
Remember
Key Takeaways
Unicode: this symbol is U+227C (decimal 8828) — glyph ≼.
HTML: prefer ≼, or use ≼ / ≼.
CSS: use \227C inside content for generated text.
Use case: precedes or equal — not ≺, ≾, or numeric ≤.
Use ≼ (named), ≼ (hex), ≼ (decimal), or the CSS escape \227C in the content property. All render ≼. Aliases include ≼ and ≼.
U+227C (PRECEDES OR EQUAL TO). Hex 227C, decimal 8828. It belongs to the Mathematical Operators block.
Yes. ≼ is the common named HTML5 entity for ≼ (also ≼) and is supported in all modern browsers.
≺ (U+227A, ≺) is strict precedes. ≼ (U+227C, ≼) allows either precedes or equality between the operands.
No. ≼ is an order-theory precedes-or-equal operator. ≤ (U+2264, ≤) is less-than-or-equal for numeric comparison.
HTML entities (≼, ≼, or ≼) go in markup. The CSS escape \227C is used in stylesheets (usually in the content property of ::before/::after). Both render ≼.
🤔
Did you know?
Precedes or equal to is Unicode U+227C (decimal 8828) — glyph ≼. HTML5 provides ≼ (aliases include ≼ and ≼). Prefer the named form for readable math markup. Distinct from strict precedes ≺ (≺) and numeric less-than-or-equal ≤ (≤).
