Skip to content

Instantly share code, notes, and snippets.

@YusukeHirao
Created May 22, 2013 06:11
Show Gist options
  • Save YusukeHirao/5625590 to your computer and use it in GitHub Desktop.
Save YusukeHirao/5625590 to your computer and use it in GitHub Desktop.
border-imageのメモ ref: http://qiita.com/items/2972785a9a71665ea127
selector {
/* 画像パス スライス リピート の順であれば安全 */
border-image: url(hoge.png) 1 1 1 1 stretch;
/* ボーダーの太さは別に記述する */
border-width: 5px 5px 5px 5px;
}
selector {
-webkit-border-image: url(hoge.png) 1 1 1 1 stretch; /* デフォルトでfillの状態 */
image-border: url(hoge.png) 1 1 1 1 fill stretch; /* fillを入れないと反映されない */
}
selector {
-webkit-border-image: url(hoge.png) 1 1 1 1 stretch;
-moz-border-image: url(hoge.png) 1 1 1 1 stretch;
-o-border-image: url(hoge.png) 1 1 1 1 stretch;
border-image: url(hoge.png) 1 1 1 1 fill stretch;
border-width: 5px 5px 5px 5px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment