CSS text-emphasis-position property

Description

CSS text-emphasis-position specifies the position where the emphasis marks should be drawn.

text-emphasis-position : over | under

overDefault: The emphasis marks are drawn above the text.; text-emphasis-position: over;
Try it
under: The emphasis marks are drawn below the text.; text-emphasis-position: under;
Try it

It applies to all elements

Code

CSS

.element{
 width:150px;
 height:100px;
 background-color:lightblue;
 border:1px solid gray;
 -webkit-text-emphasis-style:open circle;
}

HTML

<div class="element">
		We are learning text-emphasis-position property.
	</div>