css3では1枚の画像からサイズが可変な罫線を表示する
方法がある。これで角丸も簡単に実現できる。
忘れないうちにメモ
1枚の画像からサイズ可変な罫線を表示する（1）：FirefoxとSafariのCSS - builder by ZDNet Japan
罫線の画像のURLと、画像を9分割する
-webkit-border-image: url(～) 上辺 右辺 下辺 左辺
※順番に画像の上辺、右辺、下辺、左辺からの位置を指定
罫線の太さの指定
-webkit-border-image: url(～) 上辺 右辺 下辺 左辺 / 太さ
または
-webkit-border-image: url(～) 上辺 右辺 下辺 左辺 / 上 右 下 左
または
border-width: 太さ