CSS hanging-punctuation property

Definition and Usage

The hanging-punctuation property specifies whether to place punctuation symbols at the beginning or end of the entire line of text.

Example

Place a punctuation symbol outside the start edge of the first line of the p element:

p
{
hanging-punctuation:first;
}

CSS Syntax

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

Attribute Value

Value Description
none Place the label symbol outside the line box that is not at the beginning or end of the entire line of text.
first Punctuation is attached outside the edge of the first line's start.
last Punctuation is attached outside the edge of the first line's end.
allow-end
force-end

Technical Details

Default Value: none
Inheritance: yes
Version: CSS3
JavaScript Syntax: object.style.hangingPunctuation="first"

Browser support

The numbers in the table indicate the first browser version that fully supports this attribute.

Chrome IE / Edge Firefox Safari Opera
Not Supported Not Supported Not Supported 10+ Not Supported