From 188fe7ff9a4205fc1e1c11372c1ae21f72664b52 Mon Sep 17 00:00:00 2001 From: Joshua Chen Date: Fri, 5 Jul 2024 12:44:11 -0400 Subject: [PATCH] Add some sentences about -webkit-line-clamp standard status (#34637) * Add some sentences about -webkit-line-clamp standard status * Update index.md Co-authored-by: Chris Mills --------- Co-authored-by: Chris Mills --- files/en-us/web/css/-webkit-line-clamp/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/files/en-us/web/css/-webkit-line-clamp/index.md b/files/en-us/web/css/-webkit-line-clamp/index.md index b038ce4981c05d7..de7e1037077421c 100644 --- a/files/en-us/web/css/-webkit-line-clamp/index.md +++ b/files/en-us/web/css/-webkit-line-clamp/index.md @@ -9,13 +9,13 @@ browser-compat: css.properties.line-clamp The **`-webkit-line-clamp`** [CSS](/en-US/docs/Web/CSS) property allows limiting of the contents of a {{Glossary("block")}} to the specified number of lines. -It only works in combination with the {{cssxref("display")}} property set to `-webkit-box` or `-webkit-inline-box` and the {{cssxref("box-orient", "-webkit-box-orient")}} property set to `vertical`. +It only works in combination with the {{cssxref("display")}} property set to `-webkit-box` or `-webkit-inline-box` and the {{cssxref("box-orient", "-webkit-box-orient")}} property set to `vertical`. Despite them being deprecated, the co-dependency of these three properties is fully specified behavior and will continue to be supported. In most cases you will also want to set {{cssxref("overflow")}} to `hidden`, otherwise the contents won't be clipped but an ellipsis will still be shown after the specified number of lines. When applied to anchor elements, the truncating can happen in the middle of the text, not necessarily at the end. -> **Note:** This property was originally implemented in WebKit and has some issues. It got standardized in [CSS Overflow Module Level 4](https://drafts.csswg.org/css-overflow-4/#propdef--webkit-line-clamp) for legacy support. The [CSS Overflow Module Level 4](https://drafts.csswg.org/css-overflow-4/#propdef-line-clamp) specification also defines a {{cssxref("line-clamp")}} property, which is meant to replace this property and avoid its issues. +> **Note:** This property was originally implemented in WebKit and has some issues, such as the dependency on two other legacy properties. It got standardized in [CSS Overflow Module Level 4](https://drafts.csswg.org/css-overflow-4/#propdef--webkit-line-clamp) for legacy support. CSS Overflow Module Level 4 also defines a {{cssxref("line-clamp")}} property, which is meant to replace this property and avoid its issues. However, all browsers that support `line-clamp` will also support `-webkit-line-clamp` for compatibility reasons. ## Syntax