HTML Entity for N-Ary Product (∏)
What You'll Learn
How to display the N-Ary Product symbol (∏) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+220F (N-ARY PRODUCT) in the Mathematical Operators block (U+2200–U+22FF)—the operator for the product of an indexed family of terms in algebra, analysis, and combinatorics.
Render it with the named entity ∏, ∏, ∏, or CSS escape \220F. Pair with N-Ary Summation (∑, ∑) in the n-ary operator family, and distinguish it from N-Ary Coproduct (∐, ∐).
⚡ Quick Reference — N-Ary Product
U+220FMathematical Operators
∏Hexadecimal reference
∏Decimal reference
∏Most readable in math markup
Name Value
──────────── ──────────
Unicode U+220F
Hex code ∏
HTML code ∏
Named entity ∏
CSS code \220F
Meaning N-ary product (indexed multiplication)
Related U+2211 = summation (∑, ∑)
U+2210 = coproduct (∐, ∐)Complete HTML Example
This example demonstrates the N-Ary Product (∏) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\220F";
}
</style>
</head>
<body>
<p>N-Ary Product using Hexadecimal: ∏</p>
<p>N-Ary Product using HTML Code: ∏</p>
<p>N-Ary Product using Named Entity: ∏</p>
<p id="point">N-Ary Product using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+220F is widely supported wherever Unicode Mathematical Operators render correctly:
👀 Live Preview
See the N-Ary Product (∏) in mathematical notation contexts:
🧠 How It Works
Named Entity
∏ is the HTML named entity for N-Ary Product—often preferred in readable mathematical markup.
Hexadecimal Code
∏ uses the Unicode hexadecimal value 220F. The x prefix indicates hexadecimal format.
Decimal HTML Code
∏ uses the decimal Unicode value 8719 to display the same character.
CSS Entity
\220F 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+220F in Mathematical Operators. Related: summation ∑ (∑).
Use Cases
The N-Ary Product symbol (∏) is commonly used in:
Factorials, permutations, and products over indexed terms.
Infinite products and multiplicative series in mathematical texts.
Textbooks, papers, and lecture notes on mathematics and statistics.
Complexity analysis and combinatorial formulas in technical docs.
Online math courses with web-based formula notation.
Unicode charts and HTML entity documentation.
💡 Best Practices
Do
- Use
∏for readable product notation markup - Pair with ∑ and ∐ when documenting n-ary operator families
- Use fonts that cover Mathematical Operators (Cambria Math, etc.)
- Add
aria-label(e.g. “n-ary product”) for accessibility - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse
∏(∏) with∐(∐) - Assume this symbol refers to retail or e-commerce “products”
- Put CSS escape
\220Fin 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
\220FUnicode U+220F — N-ARY PRODUCT
∏ is the standard named entity
Related: N-Ary Summation (∑) and N-Ary Coproduct (∐)
❓ Frequently Asked Questions
∏ (named), ∏ (hex), ∏ (decimal), or \220F in CSS content. All produce ∏.U+220F (N-ARY PRODUCT). Mathematical Operators block (U+2200–U+22FF). Hex 220F, decimal 8719. Named entity: ∏.U+220F, ∏) is the n-ary product operator. ∐ (U+2210, ∐) is the n-ary coproduct. They look similar but represent different mathematical operations.∏, ∏, or ∏) go directly in markup. The CSS escape \220F 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