HTML CSS SQL Meta tag Generator ScrollBar design Generator Encode Decode images

CSS Basics

Introduction Syntax Selectors Attribute Selectors Specificity Combinators !important Comments Colors

CSS Need to Know

Box Model Pseudo-class Pseudo-element Inline-block Math Functions Max and Min Opacity Outline Overflow Z-index Float

Most used

Align Backgrounds Borders Text Units Padding Margins Position Tables Display Fonts Lists Height and Width

CSS Reference

CSS Properties reference CSS Pseudo-Classes reference CSS Pseudo-Elements reference CSS Selector reference

CSS text-emphasis-position

The text-emphasis-position property in CSS allows you to specify the position of the text-emphasis style within the text. The text-emphasis property is used to apply emphasis marks to text, such as dots or circles, to make it stand out. By using the text-emphasis-position property, you can control where these emphasis marks appear relative to the text.

The possible values for the text-emphasis-position property are:

Let's see some examples of how to use the text-emphasis-position property:

Result:

This is a sample text with emphasis mark over right.


This is a sample text with emphasis mark over right.
Result:

Another example with emphasis mark under left.


Another example with emphasis mark under left.

By using the text-emphasis-position property, you have control over how the emphasis marks are displayed in your text. Experiment with different values to achieve the desired effect in your design.

.programmer.belly {       
    overflow: visible; 
   }