On Tue, Dec 27, 2011 at 9:20 AM, Philippe Wittenbergh <e...@l-c-n.com> wrote: > > On Dec 27, 2011, at 7:28 AM, Peng Yu wrote: > >> It is not very clear to what exactly the arguments to border-image.
I can't promise it's any easier to understand, but here's an article about how to use border-image: http://www.css3files.com/border/ The best way to figure it out is probably through experimentation. Make some guesses and see if they work. >> http://www.css3.info/preview/border-image/ >> >> The Working draft is not clear to me either. Could anybody help me >> understand what the arguments mean? Thanks! >> >> http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-image-uri > > You're looking at a fairly old (and thus really outdated) text there. > Here is the latest version: > http://www.w3.org/TR/css3-background/#the-border-image > > (in general, when reading specs it is a good idea to scroll to the top of the > document and check that you see the latest version – follow the link > 'latest…') > > Now note that the border-image part of the spec is not well implemented in > the release version of various browsers (and require vendor prefixes mostly). It's also just a "Candidate Recommendation" draft. It hasn't been finalized and may be subject to change at any time. http://www.w3.org/standards/techs/css#drafts http://www.w3.org/2005/10/Process-20051014/tr.html#RecsCR It's not well implemented, but it's available in most browsers: Safari: http://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266--webkit-border-image Mozilla: https://developer.mozilla.org/en/CSS/border-image Opera just says it supports it and links back to the W3C page: http://www.opera.com/docs/specs/presto29/css/backgroundsborders/ http://www.opera.com/docs/specs/presto29/css/o-vendor/ Google Chrome: I couldn't find any documentation for Google Chrome support. It uses the same rendering engine as Apple's Safari, so most of Apple's documentation should work for Chrome as well, but I'd like to find a Chrome specific reference. Internet Explorer: Microsoft makes a browser, too! But it doesn't support border-image :( That's okay. I don't think anyone uses Microsoft's browser any more anyway ;) http://msdn.microsoft.com/en-us/library/cc351024%28v=vs.85%29.aspx#border If you really want to try it out with this obscure browser, I found the following: http://stackoverflow.com/questions/3567501/border-image-workaround-for-ie > Philippe > -- > Philippe Wittenbergh > http://l-c-n.com/ -- Ghodmode http://www.ghodmode.com/blog ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
