HTML Entity for Fraction 1 By 4 (¼)

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

What Is Fraction 1 By 4?

Fraction 1 by 4 (¼) is the Unicode character at U+00BC in Latin-1 Supplement. Official name: VULGAR FRACTION ONE QUARTER. It is one precomposed fraction glyph — not the three characters 1/4.

Remember
Character     ¼
Unicode       U+00BC
Named entity  ¼
Hex entity    ¼
Decimal       ¼
CSS escape    \00BC
Meaning       vulgar fraction one quarter (1/4)
Not the same  1/4 (three chars) · ½ (1/2) · ¾ (3/4)

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\00BCStylesheet content

When to Use Which

SituationUse
Precomposed one quarter¼ or type ¼
Plain ASCII / maximum compatibilityType 1/4 as three characters
One halfFraction 1 by 2 — ½ (½)
Three quartersFraction 3 by 4 — ¾ (¾)
Generated text via ::before / ::aftercontent: "\00BC"

Live Preview

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

Glyph ¼
Large glyph ¼
Sample ¼ cup milk
Compared ¼   1/4   ½   ¾
With entities Named: ¼ | Hex: ¼ | Decimal: ¼

Complete HTML Example

One page that shows one quarter 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 4 (U+00BC) in HTML</title>
  <style>
    #point::after {
      content: "\00BC";
    }
  </style>
</head>
<body>
  <p>Built with Named: &frac14;</p>
  <p>Built with Hex: &#x00BC;</p>
  <p>Built with Decimal: &#188;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ¼</p>
  <p>Recipe: &frac14; cup milk</p>
  <p>Math: 4 &frac14; = 1</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &frac14; is the HTML5 name for U+00BC → ¼.

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

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

4. CSS: use \00BC in content (not an HTML entity). #point::after appends ¼.

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

Pitfalls & Tips

Common mistakes when working with fraction 1 by 4.

Name

Prefer &frac14;

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

1/4

Not three characters

Typing 1/4 creates three code points. ¼ is one Latin-1 character.

¾

Not three quarters

Three quarters is ¾ (&frac34;). Use it when you mean 3/4, not 1/4.

CSS vs HTML

Do not mix escapes

\00BC belongs in CSS strings. &frac14; / &#x00BC; / &#188; belong in HTML.

a11y

Add accessible text

Screen readers usually handle ¼ well, but nearby prose (for example “one quarter”) still helps in dense recipes or math.

Semicolon

End references

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

Font

Wide support

U+00BC is in Latin-1 and is available in virtually all common fonts.

Browser Support

Fraction 1 by 4 (U+00BC) and its entity forms (&frac14;, &#x00BC;, &#188;, CSS \\00BC) are supported in all mainstream browsers.

✓ Universal support

Fraction 1 By 4 (&#x00BC;)

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+00BC Full support

Bottom line: Prefer &frac14; in HTML. Use &#x00BC; / &#188; when numeric form is required, and \\00BC only inside CSS content.

Key Takeaways

  • Unicode: fraction 1 by 4 is U+00BC (decimal 188) — glyph ¼.
  • HTML: prefer &frac14; — also &#x00BC; / &#188; / type ¼.
  • CSS: use \00BC inside content for generated text.
  • Meaning: ¼ ≠ 1/4 (three chars) ≠ ¾.

One line: U+00BC → &frac14; / &#x00BC; / &#188; / CSS \00BC.

Frequently Asked Questions

Use &frac14; (named), &#x00BC; (hex), &#188; (decimal), type ¼ directly in UTF-8, or the CSS escape \00BC in content.
U+00BC (VULGAR FRACTION ONE QUARTER). Hex 00BC, decimal 188. It belongs to the Latin-1 Supplement block (U+0080–U+00FF).
Yes. HTML5 defines &frac14; for U+00BC. Prefer it for readable markup.
Use it in recipes, math, and everyday text when you want the single one-quarter glyph. Prefer typing 1/4 as three characters when plain ASCII is required.
HTML entities (&frac14;, &#188;, or &#x00BC;) go in markup. The CSS escape \00BC goes in stylesheet strings (usually content on ::before/::after).
No. U+00BC is one character (¼). Typing 1/4 creates three characters. Three quarters is U+00BE (¾).

Did you know?

Fraction 1 by 4 is Unicode U+00BC (decimal 188) — glyph ¼ (VULGAR FRACTION ONE QUARTER) in Latin-1 Supplement. HTML5 named entity: &frac14;. Prefer the named form when you want readable markup. It is one precomposed character, not 1/4 as three characters. Related fractions include one half (½) and three quarters (¾).

Next: Fraction 1 By 5

Learn the HTML entity for fraction 1 by 5 (U+2155).

Fraction 1 by 5 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