User Agent: Mozilla/5.0 (X11; Linux i686) AppleWebKit/536.11 (KHTML, like Gecko) Chrome/20.0.1132.57 Safari/536.11 Steps to reproduce: Create a DIV with border-width in CSS Actual results: No border, nor image Expected results: A border around DIV with image. Example: http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_border-image
border-width:15px; You need to specify a border-style (according to final CSS spec.), e.g. border: solid 15px; Please report this error to w3schools.com, thanks
See also bug 497995 and bug 713643
> Please report this error to w3schools.com, thanks I you do this, please point them to this bug (and let us know)
Reported to w3schools.com. Did cause production impact due to previous versions supporting without style. Any chance old behavior could be retained.
> Reported to w3schools.com. Thanks! Please comment here or close this bug when they changed their examples. > Any chance old behavior could be retained. No way, read the depending bugs. This is a decision of the W3C CSS Working Group, supported by all major browser vendors (Opera, Microsoft, Google, Apple, Mozilla). They all will ship "border-image" without prefix soon.
> Did cause production impact due to previous versions supporting without style. Well, using experimental features may result in experimental experience ... w3schools should really warn seriously about using vendor-prefixed properties.
Reported to w3schools and I've fixed internally.
Status: NEW → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → WORKSFORME
This is a "Tech Evangelism" bug and should not be closed before the affected page (w3schools.com) is fixed.
Status: RESOLVED → REOPENED
Resolution: WORKSFORME → ---
Using Firefox 20.0.1 the borders are displayed correctly on the example page. So this looks like it's fixed. Sebastian
hmm, they fixed it in a wrong way by adding border:15px solid transparent; The solid border should be a fallback for browser with no border-image support. The right thing in this examples would be something like border: 15px solid orange; or border: 15px dashed orange; or border: 15px dotted orange; sigh ... (changing summary)
Status: REOPENED → NEW
Summary: border-image not working at all in w3schools.com examples → w3schools.com examples recommend "transparent" border as fallback (was: border-image not working at all)
Contacted through their form.
Assignee: english-us → nobody
Component: English US → Desktop
Whiteboard: [country-us] [sitewait] [doc]
(In reply to j.j. (mostly inactive) from comment #12) > hmm, they fixed it in a wrong way by adding > border:15px solid transparent; > The solid (or dashed, dotted, double) border should be a > fallback for browsers with no border-image support. ... or fallback in cases where the image has not loaded for whatever reasons
IMHO, border:15px solid transparent; is not ideal, but it's valid CSS.
Priority: -- → P5
You need to log in before you can comment on or make changes to this bug.