hanging-punctuation property CSS Reference



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
Version: CSS3
JavaScript syntax: object.style.hangingPunctuation="first"

Syntax

hanging-punctuation: none|first|last|allow-end|force-end;

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

Examples

p {
    hanging-punctuation:first;
}

Relative articles