Making the top border be an image...

Discussion in 'CSS' started by Eightrix, Feb 12, 2010.

0
  1. #1
    Hey everyone, I looked everywhere but cant seem to find a way to make the top border of something be an image. I found a way to make it a solid color but thats it.

    I found the following:
    border-top-style: ridge;
    border-top-color: yellow;
    border-top-width: 25px;

    Is there something like:

    border-top-backgroud?

    Thanks in advance!
     
    Eightrix, Feb 12, 2010 IP
  2. unigogo

    unigogo Peon

    Messages:
    286
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #2
    No. Suggest using another div
     
    unigogo, Feb 12, 2010 IP
  3. Eightrix

    Eightrix Active Member

    Messages:
    361
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    60
    #3
    How do you use another div?
     
    Eightrix, Feb 13, 2010 IP
  4. lovingwings36

    lovingwings36 Peon

    Messages:
    88
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4 
    border-top-background: url(imageurl.jpg);
    Code (markup):
    Possibly, but don't quote me on it hehe
     
    lovingwings36, Feb 13, 2010 IP
  5. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #5
    Firefox, Safari, Opera and possibly Chrome have CSS3 border image. Do not look for this in IE any time soon.
     
    drhowarddrfine, Feb 13, 2010 IP