CSS Property hanging-punctuation
The hanging-punctuation property
controls the typography on the web.
The hanging-punctuation property can
put some punctuation characters from start or end of
text elements outside of the box
to preserve the reading flow.
It would move that quote, bullet to the left so that the first letter is properly aligned with the rest of the document.
Summary
- Initial value
- none
- Inherited
- yes
- CSS Version
- CSS3
- JavaScript syntax
- object.style.hangingPunctuation="first"
- Animatable
- no
CSS Syntax
hanging-punctuation: none|first|last|allow-end|force-end|initial|inherit;
Property Values
- none
- No character hangs. Default value.
- first
- Punctuation may hang character at the start of the first formatted line.
- last
- Punctuation may hang character at the start of the last formatted line.
- allow-end
- If it doesn't otherwise fit prior to justification punctuation may hang a stop or comma at the end of a line.
- force-end
- A stop or comma at the end of a line may hang.
- initial
- sets to default value
- inherit
- Inherits this property from its parent element
Browser compatibility
 |
 |
 |
 |
 |
|
|---|---|---|---|---|---|
hanging-punctuation |
No | No | No | No | No |