CSS 12 💻 text combine upright, text underline offset, text underline position and text overflow pro

text-combine-upright → controls how characters within a word are combined when they exceed the size of its container
values → none, all and global values
example 1 → This is the default value and it does not combine characters 
example 2 → this value combines all characters in a word, regardless of their shape
text-underline-offset → sets the distance of an underline decoration
values → auto, length( 3px...), percentage (%) and global values
example 1 → this is the default value and it automatically places the underline below the text 
example 2 → This value moves the underline down by 2 pixels

text-underline-position  → specifies the position of the underline
values → auto, under, left, right and global values
example 1 → This is the default value and it places the underline below the text
example 2 → this value places the underline below the text
example 3 → this value places the underline to the right of the text
example 4 → This value places the underline to the left of the text

text-overflow → sets how hidden content will be displayed
values → clip, eclipsis and global values
global values: inherit  → values should be changed to the inherited values
initial → values to the initial values
unset → if they inherit then to inherited values otherwist to initial values
and revert, revert-layer
example 1 → This value clips the overflow text
example 2 → This value adds an ellipsis (...) to indicate that text has been clipped