HTML Entity for N-Ary Union (⋃)
What You'll Learn
How to display the N-Ary Union symbol (⋃) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+22C3 (N-ARY UNION) in the Mathematical Operators block (U+2200–U+22FF)—the operator for the union of an indexed family of sets in set theory and logic.
Render it with the named entity ⋃, ⋃, ⋃, or CSS escape \22C3. Pair with N-Ary Intersection (⋂, ⋂) in the n-ary set operator family, and distinguish it from binary union ∪ (∪).
⚡ Quick Reference — N-Ary Union
U+22C3Mathematical Operators
⋃Hexadecimal reference
⋃Decimal reference
⋃Most readable in math markup
Name Value
──────────── ──────────
Unicode U+22C3
Hex code ⋃
HTML code ⋃
Named entity ⋃
CSS code \22C3
Meaning N-ary union (indexed family)
Related U+222A = binary cup (∪, ∪)
U+22C2 = intersection (⋂, ⋂)Complete HTML Example
This example demonstrates the N-Ary Union (⋃) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\22C3";
}
</style>
</head>
<body>
<p>N-Ary Union using Hexadecimal: ⋃</p>
<p>N-Ary Union using HTML Code: ⋃</p>
<p>N-Ary Union using Named Entity: ⋃</p>
<p id="point">N-Ary Union using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+22C3 is widely supported wherever Unicode Mathematical Operators render correctly:
👀 Live Preview
See the N-Ary Union (⋃) in mathematical notation contexts:
🧠 How It Works
Named Entity
⋃ is the HTML named entity for N-Ary Union—often preferred in readable mathematical markup.
Hexadecimal Code
⋃ uses the Unicode hexadecimal value 22C3. The x prefix indicates hexadecimal format.
Decimal HTML Code
⋃ uses the decimal Unicode value 8899 to display the same character.
CSS Entity
\22C3 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce: ⋃. Unicode U+22C3 in Mathematical Operators. Related: binary union ∪ (∪).
Use Cases
The N-Ary Union symbol (⋃) is commonly used in:
Union of indexed families of sets and nested collections.
Disjunctive aggregation over indexed propositions in formal notation.
Discrete math textbooks, papers, and lecture materials.
Specification docs describing indexed set operations.
Online courses on sets, logic, and mathematical structures.
Unicode charts and HTML entity documentation.
💡 Best Practices
Do
- Use
⋃for readable n-ary union markup - Pair with ⋂ and ∪ when documenting set operator families
- Use fonts that cover Mathematical Operators (Cambria Math, etc.)
- Add
aria-label(e.g. “n-ary union”) for accessibility - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse
⋃(⋃) with∪(∪) - Assume HTML entities perform mathematical computation
- Put CSS escape
\22C3in HTML text nodes - Mix entity styles randomly in one file
- Rely on the symbol alone without accessible description
Key Takeaways
Three HTML references plus CSS all render ⋃
⋃ ⋃ ⋃For CSS stylesheets, use the escape in the content property
\22C3Unicode U+22C3 — N-ARY UNION
⋃ is the standard named entity
Related: N-Ary Intersection (⋂) and binary union (∪, ∪)
❓ Frequently Asked Questions
⋃ (named), ⋃ (hex), ⋃ (decimal), or \22C3 in CSS content. All produce ⋃.U+22C3 (N-ARY UNION). Mathematical Operators block (U+2200–U+22FF). Hex 22C3, decimal 8899. Named entity: ⋃.U+22C3, ⋃) is the n-ary union operator over indexed families. ∪ (U+222A, ∪) is binary set union of two sets. They look similar but serve different notation contexts.⋃, ⋃, or ⋃) go directly in markup. The CSS escape \22C3 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 — math operators, relations, and more.
About the author
8 people found this page helpful