HTML Entity for Fraction 1 By 3 (⅓)
What You'll Learn
How to display the Fraction 1 By 3 symbol (⅓) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+2153 (VULGAR FRACTION ONE THIRD) in the Number Forms block (U+2150–U+218F)—a vulgar fraction representing 1⁄3 (one third).
Render it with the named entity ⅓, ⅓, ⅓, or CSS escape \2153. Do not confuse ⅓ with one half (½, U+00BD, ½), two thirds (⅔, U+2154), or plain text 1/3.
⚡ Quick Reference — Fraction 1 By 3
U+2153Number Forms
⅓Hexadecimal reference
⅓Decimal reference
⅓One third (most readable)
Name Value
──────────── ──────────
Unicode U+2153
Hex code ⅓
HTML code ⅓
Named entity ⅓
CSS code \2153
Meaning Vulgar fraction one third (1/3)
Related U+00BD = One half (½); U+2154 = Two thirds (⅔)Complete HTML Example
This example demonstrates the Fraction 1 By 3 symbol (⅓) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2153";
}
</style>
</head>
<body>
<p>Fraction 1 By 3 using Hexadecimal: ⅓</p>
<p>Fraction 1 By 3 using HTML Code: ⅓</p>
<p>Fraction 1 By 3 using HTML Entity: ⅓</p>
<p id="point">Fraction 1 By 3 using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Fraction 1 By 3 (⅓) is widely supported in modern browsers with a suitable font:
👀 Live Preview
See the vulgar fraction one third (⅓) in recipes, math, and compared with related glyphs:
🧠 How It Works
Named Entity
⅓ is the HTML named entity for one third—often preferred in readable recipe and math markup.
Hexadecimal Code
⅓ uses the Unicode hexadecimal value 2153. The x prefix indicates hexadecimal format.
Decimal HTML Code
⅓ uses the decimal Unicode value 8531 to display the same character.
CSS Entity
\2153 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+2153 in Number Forms. For one half, see Fraction 1 By 2 (½).
Use Cases
The Fraction 1 By 3 symbol (⅓) is commonly used in:
Cooking sites and measurements (e.g. ⅓ cup, ⅓ teaspoon).
Equations, fractions, and math content using one third.
Textbooks, tutorials, and lessons on fractions and ratios.
Statistics, scores, and displays showing thirds or proportional shares.
Legal, academic, or technical documents with vulgar fractions.
HTML entity lists, Unicode charts, and character references.
💡 Best Practices
Do
- Use
⅓for readable HTML in recipes and math - Pair with units (e.g. ⅓ cup) for clear measurements
- Use math-friendly fonts (Cambria Math, STIX Two Math) for clear fractions
- Add
aria-label(e.g. “one third”) for accessibility - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⅓ (one third) with ½ (one half, U+00BD)
- Confuse ⅓ (1⁄3) with ⅔ (two thirds, U+2154)
- Put CSS escape
\2153in HTML text nodes - Mix entity styles randomly in one file
- Use
1/3when typographic ⅓ is required for consistency
Key Takeaways
Three HTML references plus CSS all render ⅓
⅓ ⅓ ⅓For CSS stylesheets, use the escape in the content property
\2153Unicode U+2153 — vulgar fraction one third
⅓ is the standard named entity
Next: Fraction 1 By 4 (¼, U+00BC)
❓ Frequently Asked Questions
⅓ (named), ⅓ (hex), ⅓ (decimal), or \2153 in CSS content. All produce ⅓.U+2153 (VULGAR FRACTION ONE THIRD). Number Forms block (U+2150–U+218F). Hex 2153, decimal 8531. Represents the vulgar fraction one third (⅓).⅓ is the named HTML entity for U+2153 (⅓). You can also use ⅓ (decimal) or ⅓ (hexadecimal). All render the same symbol.⅓, ⅓, or ⅓) go directly in markup. The CSS escape \2153 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 — fractions, symbols, and more.
About the author
8 people found this page helpful