border-image

The border-image property is new but has some really interesting applications.

Boagworld recommends 2010

The new border-image property is a strange beast: very versatile, but takes a little getting used to.

Boagworld recommends 2010

Visual effects with CSS3: RGBa, box-shadow, box-sizing, border-radius, border-image and multiple background images with Jina Bolton

Stuff and Nonsense 2010

We created an image with transparent center, because border-image will stretch the center quadrant across the entire object (which seems counterintuitive for a "border" image, but it does make the style a bit more versatile).

Boagworld recommends 2010

Let's look at just the url (/playground/awesome-overlays/border-image. png) 5 5 5 5 stretch;

Boagworld recommends 2010

To create that effect we used to the border-image property, which is a tricky little addition to CSS.

Smashing Magazine Feed 2010

PRIORITY NUMBER ONE - Please implement more CSS3: box-shadow, text-shadow, border-image, and multiple backgrounds.

IEBlog ieblog 2010

PIE currently has full or partial support for the following CSS3 features: border-radius: 圓角 box-shadow: 區塊陰影 border-image multiple background images linear-gradient as background image: 漸層顏色

Tsung's Blog 2010

IE Behaviors to emulate some CSS3 properties, namely border-radius, box-shadow, border-image, multiple background images, and linear-gradient background images.

456 Berea Street 2010

The border element is both required and a fallback: older browsers will still render a usable border for the overlay, but border-image requires a defined border width.

Boagworld recommends 2010