HTML Entity for Fraction 1 By 4 (¼)
What You'll Learn
How to display the Fraction 1 By 4 symbol (¼) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+00BC (VULGAR FRACTION ONE QUARTER) in the Latin-1 Supplement block (U+0080–U+00FF)—a vulgar fraction representing 1⁄4 (one quarter).
Render it with the named entity ¼, ¼, ¼, or CSS escape \00BC. Do not confuse ¼ with one half (½, U+00BD, ½), one third (⅓, U+2153), or plain text 1/4.
⚡ Quick Reference — Fraction 1 By 4
U+00BCLatin-1 Supplement
¼Hexadecimal reference
¼Decimal reference
¼One quarter (most readable)
Name Value
──────────── ──────────
Unicode U+00BC
Hex code ¼
HTML code ¼
Named entity ¼
CSS code \00BC
Meaning Vulgar fraction one quarter (1/4)
Related U+00BD = One half (½); U+2153 = One third (⅓)Complete HTML Example
This example demonstrates the Fraction 1 By 4 symbol (¼) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\00BC";
}
</style>
</head>
<body>
<p>Fraction 1 By 4 using Hexadecimal: ¼</p>
<p>Fraction 1 By 4 using HTML Code: ¼</p>
<p>Fraction 1 By 4 using HTML Entity: ¼</p>
<p id="point">Fraction 1 By 4 using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Fraction 1 By 4 (¼) is widely supported in modern browsers with any standard font:
👀 Live Preview
See the Fraction 1 By 4 symbol (¼) in recipes, math, and measurements:
🧠 How It Works
Named Entity
¼ is the HTML named entity for one quarter—often preferred in readable recipe and math markup.
Hexadecimal Code
¼ uses the Unicode hexadecimal value 00BC. The x prefix indicates hexadecimal format.
Decimal HTML Code
¼ uses the decimal Unicode value 188 to display the same character.
CSS Entity
\00BC 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+00BC in Latin-1 Supplement. For one third, see Fraction 1 By 3 (⅓).
Use Cases
The Fraction 1 By 4 symbol (¼) is commonly used in:
Cooking sites and measurements (e.g. ¼ cup, ¼ teaspoon).
Equations, fractions, and math content using one quarter.
Textbooks, tutorials, and lessons on fractions and ratios.
Statistics, scores, and displays showing quarters or 25%.
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
- Latin-1 Supplement (U+00BC) is widely supported in standard fonts
- Add
aria-label(e.g. “one quarter”) for accessibility - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ¼ (one quarter) with ½ (one half, U+00BD)
- Confuse ¼ (1⁄4) with ⅓ (one third, U+2153)
- Put CSS escape
\00BCin HTML text nodes - Mix entity styles randomly in one file
- Use
1/4when typographic ¼ is required for consistency
Key Takeaways
Three HTML references plus CSS all render ¼
¼ ¼ ¼For CSS stylesheets, use the escape in the content property
\00BCUnicode U+00BC — vulgar fraction one quarter
¼ is the standard named entity
Next: Fraction 1 By 5 (⅕, U+2155)
❓ Frequently Asked Questions
¼ (named), ¼ (hex), ¼ (decimal), or \00BC in CSS content. All produce ¼.U+00BC (VULGAR FRACTION ONE QUARTER). Latin-1 Supplement block (U+0080–U+00FF). Hex 00BC, decimal 188. Represents the vulgar fraction one quarter (¼).¼ is the named HTML entity for U+00BC (¼). You can also use ¼ (decimal) or ¼ (hexadecimal). All render the same symbol.¼, ¼, or ¼) go directly in markup. The CSS escape \00BC 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