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