O | CSS-Tricks

The outline property in CSS draws a line around the outside of an element. It’s similar to border except that: […]
The CSS overflow-clip-margin property determines how far the overflow of an element can go beyond the element’s box before being […]
The overscroll-behavior CSS property controls whether an element will use “scroll chaining” or not. You have likely experienced this behavior […]
The offset-anchor property defines a point within the box it is applied as the anchor that moves along the offset-path. […]
The outline-offset property in CSS offsets a defined outline from an element’s border edge by a specified amount. An outline, […]
The overflow-anchor property enables us to opt out of Scroll Anchoring, which is a browser feature intended to allow content […]
The overflow-wrap property in CSS allows you to specify that the browser can break a line of text inside the […]
This property began life as motion-rotation, then it became offset-rotation, now it’s offset-rotate. It’s still a Working Draft experimental property […]
This property began life as motion-offset. This, and all other related motion-* properties, are being renamed offset-* in the spec. […]
The offset-path property in CSS defines a movement path for an element to follow during animation.
The CSS property object-position is used to align any selected replaced element (e.g., an <img>) within the box that contains […]
The object-fit property defines how an element responds to the height and width of its content box. It’s intended for […]
The order property is a sub-property of the Flexible Box Layout module.Flex items are displayed in the same order as […]
In typography terms, an orphan is the first line of a paragraph that is left behind on the old page […]
The opacity property in CSS specifies how transparent an element is. Basic use: Opacity has a default initial value of […]
The overflow property controls what happens to content that breaks outside of its bounds: imagine a div in which you’ve […]
When an element is set in the top layer (e.g. a dialog or an element using the Popover API), the […]
Join our community of front-end nerds!
Andy Clarke shows you how to create designs that people recognize and remember in his brand-new e-book, Standout Designs for the Web. Pre-order it today!
Join our community of front-end nerds! You'll get into the Discord server and member-only perks and free swag.
Sign up to get front-end roundups, browser updates, and exclusive content sent to your inbox bi-weekly.
Get your t-shirts, prints, stickers, and yes, even mousepads at the brand-spankin' new CSS-Tricks store, now open.
CSS-Tricks is powered by a small team of real-life humans.
Handwritten. Twice a month. No spam. See past issues →