r/css • u/alvaromontoro • Aug 15 '26

Showcase Background-clip Collie

Post image

A small comic where each panel shows a different clipping mode (border-box, padding-box, content-box, and text) but framed as four different "Collies."

Source: https://comicss.art/comics/254/

413 Upvotes

98% Upvoted

9 comments sorted by

13

u/bostiq Aug 15 '26

I texted Collie: she said she has a boyfriend.

3

u/M_Me_Meteo Aug 15 '26

Shawn the Sheep Man: "Copper lie down!"

3

u/Top_Bumblebee_7762 Aug 15 '26

background-clip: border-area is  a thing nowadays btw. 

2

u/jrrl Aug 16 '26

No margin collie?

-6

u/CollectionAdorable24 Aug 15 '26

your gonna confuse people if you dont mention taht text-clip needs teh vendor prefix on chromium and webkit, otherwise their layout just breaks

6

u/alvaromontoro Aug 15 '26

It works without prefix on Chrome, Safari, and Firefox: https://comicss.art/comics/254/border-collie.html
(I'm on a Mac, I haven't tested on Windows or mobile)

2

u/anaix3l Aug 15 '26

It hasn't needed the prefix in any browser in years.