CSS hanging-punctuation Property


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 10+ 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


Copyright 1999-2023 by Refsnes Data. All Rights Reserved.