CSSで強調したい文字の上に丸（圏点）や点（傍点）を付ける方法

.emphasis_dot_filled {
	text-emphasis: filled dot red;
	-webkit-text-emphasis: filled dot red;
}
.emphasis_dot_open {
	text-emphasis: open dot red;
	-webkit-text-emphasis: open dot red;
}

.emphasis_circle_filled {
	text-emphasis: filled circle red;
	-webkit-text-emphasis: filled circle red;
}
.emphasis_circle_open {
	text-emphasis: open circle red;
	-webkit-text-emphasis: open circle red;
}

.emphasis_double-circle_filled {
	text-emphasis: filled double-circle red;
	-webkit-text-emphasis: filled double-circle red;
}
.emphasis_double-circle_open {
	text-emphasis: open double-circle red;
	-webkit-text-emphasis: open double-circle red;
}

.emphasis_triangle_filled {
	text-emphasis: filled triangle red;
	-webkit-text-emphasis: filled triangle red;
}
.emphasis_triangle_open {
	text-emphasis: open triangle red;
	-webkit-text-emphasis: open triangle red;
}

.emphasis_sesame_filled {
	text-emphasis: filled sesame red;
	-webkit-text-emphasis: filled sesame red;
}
.emphasis_sesame_open {
	text-emphasis: open sesame red;
	-webkit-text-emphasis: open sesame red;
}

.emphasis_string01 {
	text-emphasis: 'x' red;
	-webkit-text-emphasis: 'x' red;
}

.emphasis_string02 {
	text-emphasis: '\2665' red;
	-webkit-text-emphasis: '\2665' red;
}