HTML Entity for Fraction 1 By 3 (⅓)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2153

What Is Fraction 1 By 3?

Fraction 1 by 3 (⅓) is the Unicode character at U+2153 in Number Forms. Official name: VULGAR FRACTION ONE THIRD. It is one precomposed fraction glyph — not the three characters 1/3.

Remember
Character     ⅓
Unicode       U+2153
Named entity  ⅓
Hex entity    ⅓
Decimal       ⅓
CSS escape    \2153
Meaning       vulgar fraction one third (1/3)
Not the same  1/3 (three chars) · ½ (1/2) · ⅔ (2/3)

Prefer ⅓ in HTML for readable markup. You can also use ⅓, ⅓, or type ⅓ in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity⅓HTML markup (preferred)
Hex entity⅓HTML markup
Decimal entity⅓HTML markup
Direct character⅓HTML text (UTF-8)
CSS escape\2153Stylesheet content

When to Use Which

SituationUse
Precomposed one third⅓ or type ⅓
Plain ASCII / maximum compatibilityType 1/3 as three characters
One halfFraction 1 by 2 — ½ (½)
Two thirdsFraction 2 by 3 (⅔)
Generated text via ::before / ::aftercontent: "\2153"

Live Preview

Fraction alone, in a sample phrase, and next to related fractions.

Glyph ⅓
Large glyph ⅓
Sample ⅓ cup sugar
Compared ⅓   1/3   ½   ⅔
With entities Named: ⅓ | Hex: ⅓ | Decimal: ⅓

Complete HTML Example

One page that shows one third with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to display ⅓ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Fraction 1 By 3 (U+2153) in HTML</title>
  <style>
    #point::after {
      content: "\2153";
    }
  </style>
</head>
<body>
  <p>Built with Named: &frac13;</p>
  <p>Built with Hex: &#x2153;</p>
  <p>Built with Decimal: &#8531;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⅓</p>
  <p>Recipe: &frac13; cup sugar</p>
  <p>Math: 3 &frac13; = 1</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &frac13; is the HTML5 name for U+2153 → ⅓.

2. Hex: &#x2153; inserts the same code point by hexadecimal value.

3. Decimal: same code point as 8531 → &#8531;. Same visual as named/hex.

4. CSS: use \2153 in content (not an HTML entity). #point::after appends ⅓.

5. Typed: paste ⅓ in a UTF-8 document when you need the one-third glyph as one character.

Pitfalls & Tips

Common mistakes when working with fraction 1 by 3.

Name

Prefer &frac13;

The named entity is clear and standard. Avoid inventing names like &onethird;.

1/3

Not three characters

Typing 1/3 creates three code points. ⅓ is one Number Forms character.

⅔

Not two thirds

Two thirds is ⅔ (U+2154). Use it when you mean 2/3, not 1/3.

Font

Font coverage

Some fonts omit Number Forms fractions. If ⅓ is missing, fall back to 1/3 or a font with Number Forms coverage.

CSS vs HTML

Do not mix escapes

\2153 belongs in CSS strings. &frac13; / &#x2153; / &#8531; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ⅓ clearly. Prefer nearby prose (for example “one third”) when the fraction carries meaning.

Semicolon

End references

Always finish entities with ; — write &frac13;, not &frac13.

Browser Support

Fraction 1 by 3 (U+2153) and its entity forms (&frac13;, &#x2153;, &#8531;, CSS \\2153) are supported in all mainstream browsers. Visible glyphs depend on Number Forms font coverage.

✓ Universal support

Fraction 1 By 3 (&#x2153;)

Encode with named, hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+2153 Full support

Bottom line: Prefer &frac13; in HTML. Use &#x2153; / &#8531; when numeric form is required, and \\2153 only inside CSS content.

Key Takeaways

  • Unicode: fraction 1 by 3 is U+2153 (decimal 8531) — glyph ⅓.
  • HTML: prefer &frac13; — also &#x2153; / &#8531; / type ⅓.
  • CSS: use \2153 inside content for generated text.
  • Meaning: ⅓ ≠ 1/3 (three chars) ≠ ⅔.

One line: U+2153 → &frac13; / &#x2153; / &#8531; / CSS \2153.

Frequently Asked Questions

Use &frac13; (named), &#x2153; (hex), &#8531; (decimal), type ⅓ directly in UTF-8, or the CSS escape \2153 in content.
U+2153 (VULGAR FRACTION ONE THIRD). Hex 2153, decimal 8531. It belongs to the Number Forms block (U+2150–U+218F).
Yes. HTML5 defines &frac13; for U+2153. Prefer it for readable markup.
Use it in recipes, math, and everyday text when you want the single one-third glyph. Prefer typing 1/3 as three characters when plain ASCII is required.
HTML entities (&frac13;, &#8531;, or &#x2153;) go in markup. The CSS escape \2153 goes in stylesheet strings (usually content on ::before/::after).
No. U+2153 is one character (⅓). Typing 1/3 creates three characters. Two thirds is U+2154 (⅔).

Did you know?

Fraction 1 by 3 is Unicode U+2153 (decimal 8531) — glyph ⅓ (VULGAR FRACTION ONE THIRD) in Number Forms. HTML5 named entity: &frac13;. Prefer the named form when you want readable markup. It is one precomposed character, not 1/3 as three characters. Related fractions include one half (½) and two thirds (⅔).

Next: Fraction 1 By 4

Learn the HTML entity for fraction 1 by 4 (U+00BC).

Fraction 1 by 4 tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful