CSS hanging-punctuation Property

Description

This css property may be dropped in the future. Use with caution.

The hanging-punctuation property determines whether a punctuation mark, if one is present, may be placed outside the line box at the start or at the end of a full line of text.

  • Initial valuenone
  • Applies toInline elements
  • InheritedNo
  • MediaVisual
  • Computed valueAs specified
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.hangingPunctuation

Syntax

Formal syntax: none | [ first || [ force-end | allow-end ] || last ]

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

Values

  • noneNo character hangs.
  • firstAn opening bracket or quote at the start of the first formatted line of an element hangs. This applies to all characters in the Unicode categories Ps, Pf, Pi.
  • force-endA stop or comma at the end of a line hangs.
  • allow-endA stop or comma at the end of a line hangs if it does not otherwise fit prior to justification.
  • lastA closing bracket or quote at the end of the last formatted line of an element hangs. This applies to all characters in the Unicode categories Pe, Pf, Pi.

Example

.class {
   hanging-punctuation: last; 
}

Browser Support

?Firefox?Explorer?Chrome?Safari?Opera

Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.