border-imageは、一枚の画像で9スライスのデザインが実現できちゃうという優れもの。 残念ながらIE8以下で適用できず、実際にはまだ使えないかなーという印象。プログレッシブエンハンスメントを適用してうまく見せるのは結構難しそうだなー、という感触。 とはいえせっかく調査したので備忘録。 border-image を使ったサンプル 仕様 border-image-source none(初期値)/ url(画像パス) border-image-slice 100%(初期値)/ 数値 / ○○% / 数値 fill / ○○% fill border-image-width 1(初期値)/ ○○px / ○○% / auto border-image-outset 0(初期値)/ 数値? px? border-image-repeat stretch(初期値)/ repeat / rou