hanging-punctuation
Summary
If a punctuation mark is present, this property determines if the punctuation mark hangs and whether it can be placed outside the line box and the start or at the end of a line of text.
Overview table
- Initial value
none- Applies to
- inline elements
- Inherited
- Yes
- Media
- visual
- Computed value
- as specified
- Animatable
- No
- Percentages
- Not available
Syntax
Values
- none
- No character hangs
- first
- This is an opening bracket or quote that is at the start of the first formatted line of an element that hangs. Any characters in the Unicode categories Ps, Pf, Pi are applied.
- last
- This is a closing bracket or quote of an element at the end of the last formatted line. The element hangs and this applies to any characters in the Unicode categories Pe, Pf, and Pi.
- force-end
- A stop or comma at the end of a line hangs
- allow-end
- A stop or comma at the end of a line hangs if it does not otherwise fit prior to justification.
Notes
When measuring the line’s contents for fit, alignment, or justification, the punctuation mark is not considered when it hangs. The mark may be placed outside the line box depending on the line’s alignment.
Related specifications
- CSS Text Module Level 3
- Working Draft