Styling individual columns using CSS3 Columns

[clicknathan]

I wonder if anyone might have seen anything / know anything about how to style columns differently using CSS3 columns?

For example, let’s say we’re using -webkit-column-count: 2; on a div to break it’s content into two columns.

And then I want the first columns text to be red, and the second column to be green…

Any ideas?

[joshuanhibbert]

You can’t at the moment :(

[clicknathan]

That’s what I’ve found as well… I was specifically trying to add padding to the top of just the second column, so my idea was to use p:first-child {margin-top:-50px;} or something of that nature, but it seems that any content that falls outside of the boundaries of the columns as they’re created by the browser is treated as overflow:hidden, and I can’t figure out any way to prevent this from happening…

[Author]

Posts