1. CSS line-clamp

    CSS property that will contain text to a given amount of lines when used in combination with `display: -webkit-box`. It will end with ellipsis when `text-overflow: ellipsis` is included.

  2. CSS overflow property

    Originally a single property for controlling overflowing content in both horizontal & vertical directions, the `overflow` property is now a shorthand for `overflow-x` & `overflow-y`. The latest version of the specification also introduces the `clip` value that blocks programmatic scrolling.

  3. CSS overflow-anchor (Scroll Anchoring)

    Changes in DOM elements above the visible region of a scrolling box can result in the page moving while the user is in the middle of consuming the content. By default, the value of `overflow-anchor` is `auto`, it can mitigate this jarring user experience by keeping track of the position of an anchor node and adjusting the scroll offset accordingly

  4. CSS3 object-fit/object-position

    Method of specifying how an object (image or video) should fit inside its box. object-fit options include "contain" (fit according to aspect ratio), "fill" (stretches object to fill) and "cover" (overflows box but maintains ratio), where object-position allows the object to be repositioned like background-image does.

  5. CSS3 Text-overflow

    Append ellipsis when text overflows its containing element

  6. css property: overflow-x

  7. css property: overflow-x: auto

  8. css property: overflow-x: clip

  9. css property: overflow-x: hidden

  10. css property: overflow-x: scroll

  11. css property: overflow-x: visible

  12. css property: overflow: multiple keyword syntax for `overflow-x` and `overflow-y`

  13. css property: text-overflow: clip

  14. css property: text-overflow: ellipsis

  15. css property: text-overflow: <string>

  16. css property: text-overflow: two-value syntax