@@ -2723,7 +2723,7 @@ <h3 id="hanging-punctuation">
27232723 </ tr >
27242724 < tr >
27252725 < th > Applies to:</ th >
2726- < td > block containers </ td >
2726+ < td > inline elements </ td >
27272727 </ tr >
27282728 < tr >
27292729 < th > Inherited:</ th >
@@ -2745,32 +2745,56 @@ <h3 id="hanging-punctuation">
27452745 </ table >
27462746
27472747 < p > This property determines whether a punctuation mark, if one is present,
2748- may be placed outside the line box at the start or at the end of a
2749- full line of text.
2748+ may be placed outside the line box (or in the indent) at the start
2749+ or at the end of a full line of text. Such hanging punctuation is not
2750+ considered when measuring the line's contents for indentation, alignment,
2751+ or justification.
27502752 Values have the following meanings:</ p >
27512753
27522754 < dl >
27532755 < dt > < dfn title ="hanging-punctuation:first "> < code > first</ code > </ dfn > </ dt >
27542756 < dd > Punctuation (specifically, opening brackets and quotes) may hang
2755- outside the start edge of the first line.</ dd >
2757+ outside the start edge of the first line.
2758+ This applies to all characters in the Unicode categories Ps, Pf, Pi.</ dd >
27562759 < dt > < dfn title ="hanging-punctuation:last "> < code > last</ code > </ dfn > </ dt >
27572760 < dd > Punctuation (specifically, closing brackets and quotes) may hang
2758- outside the end edge of the last line.</ dd >
2761+ outside the start edge of the first line.
2762+ This applies to all characters in the Unicode categories Pe, Pf, and Pi.</ dd >
27592763 < dt > < dfn title ="hanging-punctuation:allow-end "> < code > allow-end</ code > </ dfn > </ dt >
27602764 < dd > Punctuation (specifically, stops and commas) may hang outside the
2761- end edge of all lines if the punctuation does not otherwise fit
2765+ end edge of any line if the punctuation does not otherwise fit
27622766 prior to justification.</ dd >
27632767 < dt > < dfn title ="hanging-punctuation:force-end "> < code > force-end</ code > </ dfn > </ dt >
27642768 < dd > Punctuation (specifically, stops and commas) may hang outside the
2765- end edge of all lines. If justification is enabled on this line, then
2766- it will force the punctuation to hang.</ dd >
2769+ end edge of any line.</ dd >
27672770 </ dl >
27682771
2772+ < p > Stops and commas allowed to hang include:
2773+ U+002C COMMA,
2774+ U+002E FULL STOP,
2775+ U+060C ARABIC COMMA,
2776+ U+06D4 ARABIC FULL STOP,
2777+ U+3001 IDEOGRAPHIC COMMA,
2778+ U+3002 IDEOGRAPHIC FULL STOP,
2779+ U+FF0C FULLWIDTH COMMA,
2780+ U+FF0E FULLWIDTH FULL STOP,
2781+ U+FE50 SMALL COMMA,
2782+ U+FE51 SMALL IDEOGRAPHIC COMMA,
2783+ U+FE52 SMALL FULL STOP,
2784+ U+FF61 HALFWIDTH IDEOGRAPHIC FULL STOP,
2785+ U+FF64 HALFWIDTH IDEOGRAPHIC COMMA.
2786+ The UA may include other characters as appropriate.
2787+ < p class ="issue "> Should other characters be included?</ p >
2788+ < p class ="note "> The CSS Working Group would appreciate if such UAs would
2789+ inform the working group of such additional characters.</ p >
27692790 < p > In all cases only one punctuation character may hang outside the edge
2770- of the line. </ p >
2791+ of the line. Furthermore, start and end borders or padding on an inline
2792+ element are never allowed to hang.</ p >
2793+
2794+ < p class ="note "> Note that if there is not sufficient padding on the
2795+ block container, hanging punctuation may trigger overflow.</ p >
27712796
2772- < p class ="issue "> Need to work on the description. Add Unicode character classes.
2773- Cover indentation as well. Check for Western use-cases. Add < code > hyphens</ code > value?</ p >
2797+ < p class ="issue "> Check for Western use-cases. Add < code > hyphens</ code > value?</ p >
27742798
27752799< h2 id ="decoration ">
27762800 < a name ="text-decoration "> Text Decoration</ a > </ h2 >
0 commit comments