hanging-punctuation
Allows punctuation marks (like quotation marks or hyphens) to be placed outside the text box alignment, making the edges of a paragraph look cleaner and straighter.
Quick example
blockquote {
/* Hangs opening and closing quotes outside the blockquote margin */
hanging-punctuation: first last;
}Quick facts
Initial value
noneInherited
Yes
Applies to
all elements
Animation type
discrete
Values
nonefirstforce-endallow-endlast hanging-punctuation Browser Support
Limited availability 14% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
10+