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.

Syntax:

selector { 

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

}

Values:

The hanging punctuation property accepts following values:

  • first; Punctuation should be placed outside the start edge of the first line.
  • last; Punctuation should be placed outside the start edge of the last line.
  • allow-end; Punctuation should be placed outside the end edge of all lines if the punctuation does not already fit prior to justification.
  • force-end; Punctuation should be placed outside the end edge of all lines if justification is enabled on this line in which case it will try to force the punctuation to drop (hang).
  • none; No punctuation mark is allowed to be placed outside the line box at the start or at the end of a full line of text.
  • initial (default value), inherit

Example

The hanging-punctuation property example:

 

›› go to examples ››