Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
box-decoration-break

3 Articles
{
,

}
Direct link to the article Multi-Line Inline Gradient
box-decoration-break gradients mix-blend-mode

Multi-Line Inline Gradient

Came across this thread:

CSS superfriends! Have you seen examples of how to do multi-line padded text like this article on @css (https://t.co/2j8p4jmaT4), but with a gradient that doesn't reset for each line? pic.twitter.com/MVPdAjxt1W

— Dan Mall (@danmall)

…
Avatar of Chris Coyier
Chris Coyier on Jan 3, 2019
Direct link to the article Decorating lines of text with box-decoration-break
border box-decoration-break text-decoration

Decorating lines of text with box-decoration-break

An institution’s motto, an artist’s intro, a company’s tagline, a community’s principle, a service’s greeting… all of them have one thing in common: they’re one brief paragraph displayed on a website’s home page — or at least the about page!…

Avatar of Preethi
Preethi on May 8, 2018 (Updated on May 9, 2018)
Direct link to the article box-decoration-break
box-decoration-break

box-decoration-break

The box-decoration-break property lets you control how box decorations are drawn across the fragments of a “broken” element. An element can break into fragments at the end of a line, over columns, or at page breaks.

.module {
  box-decoration-break: clone;
…
Avatar of Marie Mosley
Marie Mosley on Jun 15, 2015 (Updated on Jan 8, 2019)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top