HTML Entity for Square Cap (⊓)
What You'll Learn
How to display the Square Cap (⊓) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+2293 (SQUARE CAP) in the Mathematical Operators block (U+2200–U+22FF)—a set-theoretic and lattice operator (meet).
Render it with ⊓, ⊓, ⊓, or CSS \2293. Distinct from the combining mark Combining Square Below (U+033B) and paired with square cup U+2294 (⊔, ⊔).
⚡ Quick Reference — Square Cap
U+2293Mathematical Operators
⊓Hexadecimal reference
⊓Decimal reference
⊓Most readable option
Name Value
──────────── ──────────
Unicode U+2293
Hex code ⊓
HTML code ⊓
Named entity ⊓
CSS code \2293
Meaning Square cap (meet)
Paired with U+2294 = square cup (⊔, ⊔)
Not the same U+033B = combining square below
Block Mathematical Operators (U+2200–U+22FF)Complete HTML Example
A simple example showing ⊓ using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2293";
}
</style>
</head>
<body>
<p>Square cap (named): ⊓</p>
<p>Square cap (hex): ⊓</p>
<p>Square cap (decimal): ⊓</p>
<p id="point">Square cap (CSS): </p>
</body>
</html>🌐 Browser Support
The Square Cap (⊓) is supported in all modern browsers when fonts include Mathematical Operators glyphs:
👀 Live Preview
See the square cap symbol in mathematical contexts:
🧠 How It Works
Named HTML Entity
⊓ is the semantic named entity for the square cap operator—the most readable option in source HTML.
Hexadecimal Code
⊓ uses Unicode hexadecimal 2293 to display ⊓ in HTML markup.
Decimal HTML Code
⊓ uses decimal Unicode value 8851 for the same character.
CSS Entity
\2293 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ⊓. Unicode U+2293 in Mathematical Operators (U+2200–U+22FF).
Use Cases
The Square Cap (⊓) commonly appears in:
Meet operations and intersection-like notation in lattices.
Equations and formulas using the square cap operator.
Research on order theory, logic, and abstract algebra.
Tutorials on lattice meet and mathematical operators.
Scientific and engineering references with precise notation.
Web-based math tools displaying operator symbols.
💡 Best Practices
Do
- Use
⊓for readable source markup - Distinguish ⊓ (cap) from ⊔ (cup,
⊔) - Add context text when the symbol stands alone in educational content
- Pick one entity style (named, hex, or decimal) per project
- Test rendering with math-friendly fonts
Don’t
- Confuse U+2293 (⊓, math operator) with U+033B (combining mark)
- Use padded Unicode notation like U+02293—the correct value is
U+2293 - Put CSS escape
\2293in HTML text nodes - Confuse
⊓with⊔ - Mix entity styles randomly in one file
Key Takeaways
Four HTML/CSS references all render ⊓
⊓ ⊓ ⊓For CSS stylesheets, use \2293 in the content property
Unicode U+2293 — SQUARE CAP (⊓)
⊓ is cap; ⊔ is cup (U+2294)
Previous: Combining Square Below Next: Square Cup
❓ Frequently Asked Questions
⊓ (named), ⊓ (hex), ⊓ (decimal), or \2293 in CSS content. All four render ⊓.U+2293 (SQUARE CAP). Mathematical Operators (U+2200–U+22FF). Hex 2293, decimal 8851, named ⊓.⊓ renders ⊓ (U+2293, square cap / meet). ⊔ renders ⊔ (U+2294, square cup / join). They are paired operators in lattice and set notation.⊓, ⊓, or ⊓) go in markup. The CSS escape \2293 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — math operators, symbols, and more.
About the author
8 people found this page helpful