Grow your CSS skills. Land your dream job.

Border colors orders

  • # May 24, 2011 at 3:59 am

    You know how if you set multiple colors for border-top,right,bottom,left some of the colors overlay others? Is there a way to control which overlay which? Meaning i think typically top and bottom borders extend all the way to the edges of the element and overlay right and left borders.

    Thanks

    # May 24, 2011 at 4:04 am

    The colours don’t actually overlap each other at all. http://jsfiddle.net/jamygolden/9qQRw/1/

    # May 24, 2011 at 7:43 pm

    If you change it to 1px and take a print screen and zoom in real close you’l see a weird kind of combination of colors. What I was wondering is if it’s possible to have one of them be on top of the other, instead of mixing them or whatever it’s doing. The particular thing I’m doing it for is very noticeable and I can just use another element with a border surrounding it if necessary but I didn’t really want to do that.

    # May 25, 2011 at 4:40 am

    How about a rotate? You could keep rotating it and changing the colours until you get what you’re looking for.

    div{
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    }
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".