Emphasis - Beautify Demo

Works automatically on <em> tags for languages without italic tradition (e.g., lang="zh", lang="ja", lang="ko", lang="hi", lang="th", lang="ar").
Manual classes: .emphasis-bottom (force below), .emphasis-top (force above).
Style variants: .emphasis-dot, .emphasis-double-circle, .emphasis-triangle, .emphasis-sesame.
Fill: .emphasis-open for hollow outlines. Combine with style variants.
Color: emphasis-* dynamic utilities (e.g. emphasis-error, emphasis-green-500).

Chinese (zh)

This text uses emphasis tag. In horizontal Chinese, it appears as bold by default.

Japanese (ja)

Here bouten (emphasis) is used. In horizontal Japanese, marks appear above the text.

Korean (ko)

This sentence uses an emphasis tag. In horizontal writing, it is typically displayed in bold.

Arabic (ar)

This text uses the emphasis tag. In horizontal formatting, it is usually displayed in bold.

Hindi (hi)

This text uses an emphasis tag. In horizontal writing, it is typically displayed in bold.

.emphasis-bottom

Force emphasis marks below text.

.emphasis-top

Force emphasis marks above text.

.emphasis-dot

Dot emphasis marks

.emphasis-double-circle

Double circle emphasis marks

.emphasis-triangle

Triangle emphasis marks

.emphasis-sesame

Sesame dot emphasis marks

.emphasis-open + .emphasis-dot

Hollow dot marks

.emphasis-open + .emphasis-double-circle

Hollow double circle marks

.emphasis-open + .emphasis-triangle

Hollow triangle marks

.emphasis-open + .emphasis-sesame

Hollow sesame marks

Multiple color formats are supported:

1. Theme semantic colors, e.g. *-error, *-error-hover
2. Tailwind built-in colors, e.g. *-indigo-500
3. Raw color values, e.g. *-[#ff0000]
4. CSS named colors, e.g. *-[red], *-[green]

Theme color

Error color emphasis

Tailwind built-in

Green-500 top emphasis

Blue-600 dot emphasis

Amber-500 triangle emphasis

Raw color

Red (#ff0000) triangle emphasis

English (default): This is a standard italic emphasis in English. (Western languages not matching East Asian code remain as default italic.)

Emphasis Component

Notes

Language auto-detection