The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Styling individual columns using CSS3 Columns

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #37303

    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?


    You can’t at the moment :(


    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…

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.