HTML Entity for Black Florette (✿)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+273F

HTML Entity for black florette (✿) tutorial illustration

Definition

What Is Black Florette?

Black florette (✿) is Unicode U+273F in the Dingbats block. It is a filled floral / fleuron ornament — useful for decorative bullets and section breaks. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember

Character     ✿
Unicode       U+273F
Hex entity    &#x273F;
Decimal       &#10047;
Named entity  (none)
CSS escape    \273F
Not the same  ❀ U+2740 (white florette)

All of these produce the same glyph: ✿. Prefer typing ✿ in UTF-8 when you can; use ✿ / ✿ or CSS for generated content.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Direct character	`✿`	HTML text (UTF-8)
Named entity	None	—
Hex entity	`✿`	HTML markup
Decimal entity	`✿`	HTML markup
CSS escape	`\273F`	Stylesheet `content`

When to Use Which

Situation	Use
Filled fleuron / flower mark	`✿` or type `✿`
Outline / white florette	❀ (U+2740)
Need an entity in HTML source	`✿` or `✿`
Icon via CSS	`content: "\273F"` on `::before`

See it

Live Preview

Black florette in study contexts.

Inline ornament Chapter ✿ Notes

Large glyph ✿

vs. white florette ✿ black · ❀ white

Accessible label

With entities Hex: ✿ | Decimal: ✿

Code

Complete HTML Example

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

Hex + Decimal + CSS + Typed

Four ways to produce ✿ in a single document (no named entity).

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Black Florette (✿) in HTML</title>
  <style>
    #point::after {
      content: "\273F";
    }
  </style>
</head>
<body>
  <p>Black florette using Hex Code: &#x273F;</p>
  <p>Black florette using HTML Code: &#10047;</p>
  <p id="point">Black florette using CSS Entity: </p>
  <p>Typed directly: ✿</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+273F → ✿ in HTML. The browser turns it into ✿.

2. Decimal: same code point as 10047 → ✿. Same result as hex.

3. CSS: use \273F in content (not an HTML entity). #point::after appends that ✿ after the paragraph text.

4. Typed ✿: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with black florette (✿).

Named

No &name; form

U+273F has no standard named entity — use ✿ or ✿.

❀

Not white florette

✿ is filled. For the outline form use ❀ (U+2740).

a11y

Treat as decoration

Hide pure ornaments with aria-hidden, or add a short label when the mark carries meaning.

Fonts

Check Dingbats coverage

Some UI fonts omit U+273F. Prefer fonts with solid Dingbats / ornament support.

CSS vs HTML

Do not mix escapes

\273F belongs in CSS. ✿ / ✿ belong in HTML.

Semicolon

End references

Always finish with ; — write ✿, not &#x273F.

Compatibility

Browser Support

Black florette (U+273F) and its entity forms (✿, ✿, CSS \\273F) are supported in all mainstream browsers. Glyph quality depends on font support for Dingbats.

✓ Universal support

Black Florette (✿)

Type ✿, or encode with hex, decimal, or CSS escape — same glyph 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+273F / entities Full support

Bottom line: Prefer a typed ✿ or ✿ for ornaments. Use decimal when generating markup, and \\273F only inside CSS content.

Remember

Key Takeaways

Unicode: black florette is U+273F (decimal 10047).
HTML: use ✿ or ✿ (no named entity).
CSS: use \273F inside content for generated ornaments.
Watch out: ✿ ≠ ❀ (black ≠ white florette).

One line: U+273F → ✿ / ✿ / CSS \273F.

Frequently Asked Questions

How do I display black florette (✿) in HTML?

Use ✿ (hex), ✿ (decimal), or the CSS escape \273F in the content property. All render ✿. You can also paste ✿ directly if your file is UTF-8. There is no standard named entity.

What is the Unicode value for black florette?

U+273F (hex 273F, decimal 10047). Unicode names it BLACK FLORETTE. It belongs to the Dingbats block.

Is there a named HTML entity for ✿ (U+273F)?

No. HTML5 / WHATWG does not define a named character reference for U+273F. Prefer ✿, ✿, or a typed ✿ in UTF-8.

How is ✿ different from ❀?

✿ (U+273F) is black florette (filled). ❀ (U+2740) is white florette (outline). They are different code points.

What is the difference between HTML code and CSS entity for ✿?

HTML entities (✿ or ✿) go in markup. The CSS escape \273F is used in stylesheets (usually in the content property of ::before/::after). Both render ✿.

When should I use black florette?

Use ✿ for decorative bullets, section separators, fleurons, and floral markers. Prefer plain text or ARIA labels when the mark must convey meaning to screen readers.

Did you know?

Black florette is Unicode U+273F (decimal 10047) in the Dingbats block — official name BLACK FLORETTE. There is no standard named HTML entity. It is not white florette (U+2740 ❀).

Next: Black Four Pointed Star

Learn the HTML entity for the black four pointed star (✦).

Next tutorial →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Black Flag HTML Entity | Black Four Pointed Star