diff --git a/css-overflow-4/Overview.bs b/css-overflow-4/Overview.bs index 467c4de6032..135d26b8af9 100644 --- a/css-overflow-4/Overview.bs +++ b/css-overflow-4/Overview.bs @@ -800,55 +800,93 @@ Indicating Block-Axis Overflow: the 'block-ellipsis' property When 'block-ellipsis' is neither ''no-ellipsis'' nor the empty string, - the block overflow ellipsis string - is wrapped in an anonymous inline - and placed at the end of the line box - as a direct child of the block container’s root inline box, - reducing the space in the line box + the [=block overflow ellipsis=] string + is placed at the end of the line box + reducing the space available to the other contents of the line. - This inline is assigned ''unicode-bidi: plaintext'' - and ''line-height: 0'' - and is placed in the line box after the last - soft wrap opportunity (see [[!CSS-TEXT-3]]) - that would still allow the entire block overflow ellipsis to fit on the line, - applying [[css-text-4#white-space-rules]] including [[css-text-4#white-space-phase-2]] - before inserting the [=block overflow ellipsis=]. - For this purpose, soft wrap opportunities added by 'overflow-wrap' are ignored, - as are those inhibited by ''text-wrap-mode: nowrap''. - If this results in the entire contents of the line box being displaced, - the line box is considered to contain a [=strut=], as defined in [[CSS2/visudet#leading]]. - Text alignment and justification - occurs after placement, - and measures the inserted block overflow ellipsis - together with the rest of the line’s content. - block-ellipsis-001.html - block-ellipsis-002.html - block-ellipsis-003.html - block-ellipsis-004.html - block-ellipsis-005.html - block-ellipsis-006.html - block-ellipsis-010.html - block-ellipsis-013.html - block-ellipsis-014.html - block-ellipsis-015.tentative.html - block-ellipsis-016.html - block-ellipsis-017.html - block-ellipsis-018.html block-ellipsis-023.html block-ellipsis-024.html - block-ellipsis-025.html - block-ellipsis-026.html - block-ellipsis-027.html - block-ellipsis-028.html + block-ellipsis-repaint-001.html block-ellipsis-repaint-003.html block-ellipsis-repaint-004.html - block-ellipsis-repaint-001.html - webkit-line-clamp-014.html - webkit-line-clamp-025.html - webkit-line-clamp-032.html - webkit-line-clamp-035.html + + + More specifically: + * The [=block overflow ellipsis=] + is wrapped in an anonymous inline + whose parent is the [=block container=]’s [=root inline box=]. + This inline is assigned ''unicode-bidi: plaintext'' + and ''line-height: 0''. + + + block-ellipsis-002.html + block-ellipsis-003.html + block-ellipsis-004.html + block-ellipsis-005.html + block-ellipsis-006.html + block-ellipsis-010.html + + + * The user agent makes room as necessary of the [=block overflow ellipsis=] + by displacing content from the end of the line as if wrapping, + until the last soft wrap opportunity (see [[!CSS-TEXT-3]]) + that would still allow the entire block overflow ellipsis to fit on the line, + applying [[css-text-4#white-space-rules]] including [[css-text-4#white-space-phase-2]] + before insertion. + + + block-ellipsis-001.html + block-ellipsis-028.html + webkit-line-clamp-025.html + + + For this purpose, soft wrap opportunities added by 'overflow-wrap' are ignored, + as are those inhibited by ''text-wrap-mode: nowrap''. + + + block-ellipsis-013.html + block-ellipsis-014.html + block-ellipsis-015.tentative.html + block-ellipsis-016.html + block-ellipsis-017.html + block-ellipsis-027.html + + + If this results in the entire contents of the line box being displaced, + the line box is considered to contain a [=strut=], as defined in [[CSS2/visudet#leading]]. + + + block-ellipsis-016.html + block-ellipsis-018.html + block-ellipsis-025.html + + + * The anonymous inline of [=block overflow ellipsis=] is placed + after any remaining content, + after [[css-text-4#white-space-phase-2]], + as a direct child of the block container’s root inline box, + with the appropriate bidi embedding levels + given its directionality + and that of its parent. + + + block-ellipsis-004.html + block-ellipsis-005.html + block-ellipsis-006.html + block-ellipsis-026.html + webkit-line-clamp-014.html + webkit-line-clamp-032.html + webkit-line-clamp-035.html + + + Text alignment and justification + occurs after placement, + and measures the inserted block overflow ellipsis + together with the rest of the line’s content. + + webkit-line-clamp-051.html webkit-line-clamp-052.html webkit-line-clamp-053.html