HTML Entity for Less Than With Dot (⋖)
What You'll Learn
How to display the Less Than With Dot (⋖) symbol in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+22D6 (LESS-THAN WITH DOT) in the Mathematical Operators block (U+2200–U+22FF).
Render it with ⋖, ⋖, ⋖, or CSS escape \22D6. It is a less-than sign with a dot, used in order theory, formal logic, and technical notation. Not the same as plain < (U+003C). Mirror: Greater Than With Dot (⋗, U+22D7).
⚡ Quick Reference — Less Than With Dot
U+22D6Mathematical Operators
⋖Hexadecimal reference
⋖Decimal reference
⋖Most readable option
Name Value
──────────── ──────────
Unicode U+22D6
Hex code ⋖
HTML code ⋖
Named entity ⋖
CSS code \22D6
Meaning Less-than with dot
Not to confuse U+003C = less-than sign (<)
Related ⋗ = greater-than with dot (⋗)Complete HTML Example
A simple example showing the Less Than With Dot (⋖) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\22D6";
}
</style>
</head>
<body>
<p>Symbol (hex): ⋖</p>
<p>Symbol (decimal): ⋖</p>
<p>Symbol (named): ⋖</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Less Than With Dot symbol (⋖) is supported in modern browsers with a math-capable font:
👀 Live Preview
See the Less Than With Dot symbol (⋖) in relation contexts:
🧠 How It Works
Hexadecimal Code
⋖ uses the Unicode hexadecimal value 22D6 to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
⋖ uses the decimal Unicode value 8918 to display the same character.
Named Entity
⋖ is the semantic named entity for ⋖—readable in source HTML and part of the HTML5 character set.
CSS Entity
\22D6 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+22D6 is in Mathematical Operators. Mirror: Greater Than With Dot (U+22D7 / ⋗). Previous: Less Than Over Equal To.
Use Cases
The Less Than With Dot symbol (⋖) is commonly used in:
Express strict partial order or “less than with dot” in posets and ordered sets.
Document ordering relations and dotted comparison symbols in math and logic docs.
Formal definitions and proofs in mathematics, algebra, and computer science.
Distinct ordering relations where the dot differentiates from plain less-than.
Covering or immediate predecessor relations in lattice and order theory.
Equation renderers, symbol references, or math-heavy web applications.
💡 Best Practices
Do
- Use
⋖for readable source markup - Use math fonts (Cambria Math, Noto Sans Math) for reliable rendering
- Define the relation in prose when meaning matters
- Distinguish ⋖ from plain
<(U+003C) - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Use ⋖ when you only need plain
< - Confuse
⋖with⋗(different code points) - Put CSS escape
\22D6in HTML text nodes - Rely on the symbol alone for screen reader users
- Assume every system font renders Mathematical Operators clearly
Key Takeaways
Three HTML references plus CSS all render ⋖
⋖ ⋖ ⋖For CSS stylesheets, use the escape in the content property
\22D6Unicode U+22D6 — LESS-THAN WITH DOT
Prefer ⋖ for readability in HTML source
Previous: Less Than Over Equal To Next: Lesser Than
❓ Frequently Asked Questions
⋖ (hex), ⋖ (decimal), ⋖ (named), or \22D6 in CSS content. All produce ⋖.U+22D6 (LESS-THAN WITH DOT). Mathematical Operators block (U+2200–U+22FF). Hex 22D6, decimal 8918. Named entity: ⋖.⋖ is the named HTML entity for ⋖. It is part of the HTML5 named character set and the most readable option in source markup.<, U+003C) is the ASCII/HTML comparison sign. ⋖ (⋖, U+22D6) is a mathematical operator with a dot, used for specialized ordering relations in formal math—not interchangeable in semantic notation.Explore More HTML Entities!
Discover 1500+ HTML character references — ordering relations, operators, and more.
About the author
8 people found this page helpful