CSS3 Property: border-image

Opera Example : Mozilla Display

Okay, this is weird. With CSS3 beginning to show up in the current browsers (i.e. CSS3 is supported by such browsers), we will see a lot of CSS3 examples and demonstrations, often linked from the OEM web sites, like Mozilla Labs, or Dev.Opera.com Gecko-based Firefox and Seamonkey, Webkit-based Safari, and [former] Presto-based Opera each will implement the CSS3-specification-draft in their own way; according to the interpretation of the draft by each respective software development team. During this time, it will be interesting for intersted users, moreover web designers and developers, to preview those web sites providing CSS3 example material, if not just for fun, then for the insight which might be gained in understanding how browser-support for these new CSS properties will develop. It is, after all, rather early in the game of CSS3, so it's anyone's race, as evidenced by the inconsistencies in which of the new properties are supported by the various browser engines.

Interesting Example

I am an Opera user. I am a Seamonkey user. I am not a Chrome user, but I do use Safari. I use Firefox. I do not use Internet Explorer, excepting those times when certain desktop applications launch it (without respect to my user prefernces under Windows: Set Program Access and Defaults, but I digress). For each of the aforementioned, different web browsers, I have a specific reason why I use it, but that's not relevant here. The reason for this entry is to cite one of the CSS3 example sites, as referenced from people.opera.com Have a look at this border-image example, nicely illustrated with [presumably] a javascript animation (such that the image used for the border is shown in its default state, then gradually expands into taking its places as a border-image-- pretty cool, in fact! What I want the reader to notice, however, is not the particulars of the illustration-- but that whether the illustration is visible at all. What I find most peculiar is the CSS3 border-image example hosted at people.opera.com, and linked from an article at dev.opera.com , which oddly does not display in Opera [v 10.51, at time of writing] on my Win XP system, yet Seamonkey 2.03 displayed it just fine-- my first experience with the animation being in a Gecko-based browser. Unexpected! Kudos to the Gecko developers for being on-top of the CSS3 support, but not to discredit the folks at Opera-- I must confess: I find it a more pleasant, more educational experience to peruse the examples provided at dev.opera.com , whereas I don't enjoy so much of the Mozilla publications of recent years. I sense something of an attitude coming off of those pages, and it reeks of clique. It's too bad for my affinity for the community so diminishes, but rhetoric aside, the software performs well. It all works out in the end, eh.