Example
Place a punctuation mark (if any) outside the start edge of the first line in the <p> element:
p
{
hanging-punctuation: first;
}
Definition and Usage
The hanging-punctuation property specifies whether a punctuation mark may be placed outside the line box at the start or at the end of a full line of text.
| Default value: | none |
|---|---|
| Inherited: | yes |
| Animatable: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript syntax: | object.style.hangingPunctuation="first" |
Browser Support
None of the major browsers support the hanging-punctuation property.
| Property | |||||
|---|---|---|---|---|---|
| hanging-punctuation | Not supported | Not supported | Not supported | Not supported | Not supported |
CSS Syntax
hanging-punctuation: none|first|last|allow-end|force-end|initial|inherit;
Property Values
| Value | Description |
|---|---|
| none | No punctuation mark may be placed outside the line box at the start or at the end of a full line of text |
| first | Punctuation may hang outside the start edge of the first line |
| last | Punctuation may hang outside the end edge of the last line |
| allow-end | Punctuation may hang outside the end edge of all lines if the punctuation does not otherwise fit prior to justification |
| force-end | Punctuation may hang outside the end edge of all lines. If justification is enabled on this line, then it will force the punctuation to hang |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |