The punctuation-trim property specifies whether a punctuation character should be trimmed if it appears at the start or end of a line, or adjacent to another full width punctuation character. This property also is poorly supported by the major browsers at the moment of writing this tutorial.

Syntax:

selector { 

         punctuation-trim: none | start | end | allow-end | adjacent | initial | inherit;

}

Values:

The punctuation-trim property accepts following values:

  • start; Trims opening punctuation at the beginning of each line.
  • end; Trims closing punctuation at the end of each line.
  • allow-end; Trims closing punctuation at the end of each line if it does not already fit prior to justification.
  • adjacent; Trims opening punctuation if it’s previous adjacent character is a full width opening, middle, closing punctuation, or ideographic space. Trim closing punctuation if its next adjacent character is a full width closing, middle dot punctuation, or ideographic space.
  • none; Will not trim opening or closing punctuation marks.
  • initial (default value), inherit

Example

The punctuation-trim property example:

 

›› go to examples ››