Ink overflow

The ink overflow of a box refers to the part of the box and its contents that creates a visual effect outside of the box's border box. Being visual only, ink overflow does not affect layout as it has no impact on box model properties.

Ink overflow is the overflow of painting effects such as box shadows, border images, text decoration, outlines, etc. that do not affect layout or otherwise extend the scrollable overflow area. Ink overflow is also the overhanging of glyphs, such as ascenders and descenders extending outside the em box.

As replaced elements always establish an independent formatting context, any overflow of replaced content is always ink overflow (as opposed to scrollable overflow).

See also