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.
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.
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
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.
CSS3 Text-overflow
Append ellipsis when text overflows its containing element
css property: overflow-clip-box
css property: overflow-clip-box-block
css property: overflow-clip-box-inline
css property: overflow-clip-box: two values; property as shorthand
css property: overflow-x
css property: overflow-x: `clip` value
css property: overflow-x: `overlay` value
css property: overflow: multiple keyword syntax for `overflow-x` and `overflow-y`
css property: text-overflow: <string>
css property: text-overflow: two-value syntax
15 results found.