Border image for a content DIV

Discussion in 'CSS' started by dexismidnight, Feb 15, 2009.

0
  1. #1
    I'm getting crazy in tryin to put a border image on a content DIV.
    I thought it was enough to put border-image: url("images/frame.jpg"); as below

    #content {
    background-color : white;
    height : auto;
    width : auto;
    font-family : verdana;
    font-size : small;
    padding : 5px;
    border-image: url("images/frame.jpg");
    }

    What is wrong?
    Thanks in advance for yr help.
     
    dexismidnight, Feb 15, 2009 IP
  2. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Yes that seems right, but remember this property has only just included in CSS3, and not all browsers support CSS3, in fact I don't know enough to say what browsers support it, I think Firefox 3 maybe.

    EDIT: Just found this link, which outlines which CSS3 browser properties are supported in which browsers

    As you can see it's probably best to stick to CSS2 properties for the next year or two
     
    wd_2k6, Feb 15, 2009 IP
  3. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #3
    border-image works in Firefox3.1, Chrome, Safari4.0+. Not sure when Opera will get it. IE8 will not support it so you'll have to wait for IE9 at least.
     
    drhowarddrfine, Feb 15, 2009 IP
  4. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #4
    zzzzzzzzzzz think I might get a job at Microsoft and sort them out!
     
    wd_2k6, Feb 15, 2009 IP
  5. blktallos

    blktallos Active Member

    Messages:
    314
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    60
    #5
    Yeah,
    is not out yet.
     
    blktallos, Feb 18, 2009 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    closer to eight years I'd say. Remember, CSS 2 was effectively undeployable until about four years ago... is STILL not fully implemented despite being 'final' for over a decade now...

    CSS3 isn't even out of draft - so eight years to a decade before it's of any use in a deployable website.
     
    deathshadow, Feb 19, 2009 IP
  7. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Wow, I guess there's no real point in me learning about CSS3 then, for however many years anyway! I suppose that's good in a way!
     
    wd_2k6, Feb 19, 2009 IP