HTML Entity for Fraction 1 By 7 (⅐)
What You'll Learn
How to display the Fraction 1 By 7 symbol (⅐) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2150 (VULGAR FRACTION ONE SEVENTH) in the Number Forms block (U+2150–U+218F)—a vulgar fraction representing 1⁄7 (one seventh).
Render it with ⅐, ⅐, or CSS escape \2150. There is no named HTML entity. Do not confuse ⅐ with one sixth (⅙, U+2159), one eighth (⅛, U+215B), or plain text 1/7.
⚡ Quick Reference — Fraction 1 By 7
U+2150Number Forms
⅐Hexadecimal reference
⅐Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2150
Hex code ⅐
HTML code ⅐
Named entity (none)
CSS code \2150
Meaning Vulgar fraction one seventh (1/7)
Related U+2159 = One sixth (⅙); U+215B = One eighth (⅛)Complete HTML Example
This example demonstrates the Fraction 1 By 7 (⅐) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2150";
}
</style>
</head>
<body>
<p>Fraction 1 By 7 using Hexadecimal: ⅐</p>
<p>Fraction 1 By 7 using HTML Code: ⅐</p>
<p id="point">Fraction 1 By 7 using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Fraction 1 By 7 is widely supported in modern browsers with a suitable font:
👀 Live Preview
See the vulgar fraction one seventh (⅐) in math and compared with related fraction glyphs:
🧠 How It Works
Hexadecimal Code
⅐ uses the Unicode hexadecimal value 2150 to display the Fraction 1 By 7. The x prefix indicates hexadecimal format.
Decimal HTML Code
⅐ uses the decimal Unicode value 8528 to display the same character.
CSS Entity
\2150 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ⅐. Unicode U+2150 is in Number Forms. No named HTML entity—use numeric codes in markup.
Use Cases
The Fraction 1 By 7 (⅐) is commonly used in:
Equations, fractions, and math content that use the 1⁄7 (one seventh) value.
Textbooks, tutorials, and learning materials for fractions and number theory.
Statistics, percentages, and data expressed as sevenths (⅐).
Content that uses vulgar fractions for precise typographic display.
Calculators and web apps that display fraction results.
Unicode tables and Number Forms glossaries.
💡 Best Practices
Do
- Add
aria-label="one seventh"when the symbol carries meaning - Use math-friendly fonts (Cambria Math, STIX Two Math) for clear fractions
- Use the CSS escape in
::before/::afterfor repeated markers - Keep hex or decimal encoding consistent within a project
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⅐ (1⁄7) with ⅙ (one sixth) or ⅛ (one eighth)
- Expect a named entity—none exists for U+2150
- Put CSS escape
\2150in HTML text nodes - Use the glyph without context when plain
14.29%or1/7is clearer for readers - Skip cross-browser checks for rare punctuation glyphs
Key Takeaways
Two HTML numeric references plus CSS render ⅐
⅐ ⅐For CSS stylesheets, use the escape in the content property
\2150Unicode U+2150 — VULGAR FRACTION ONE SEVENTH
Number Forms block (U+2150–U+218F)
Three methods, no named HTML entity
❓ Frequently Asked Questions
⅐ (hex), ⅐ (decimal), or \2150 in CSS content. There is no named entity.U+2150 (VULGAR FRACTION ONE SEVENTH). Number Forms block (U+2150–U+218F). Hex 2150, decimal 8528. Represents one seventh (1⁄7).⅐ or ⅐) go in markup. The CSS escape \2150 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, math symbols, and more.
About the author
8 people found this page helpful