CSSリファレンス

Tweet

border-image-sourceはボーダーに画像を指定する際の画像のURLを指定できるプロパティです。

.target{
	width : 27px;
	height : 27px;
	border : 27px solid orange;
	border-image-source : url("/sample/images/border.png");
	border-image-slice : 27;
	border-image-width : 1;
	border-image-outset : 0;
	border-image-repeat : round;
}

sample

対応ブラウザ

◯は実装済み、△はベンダープレフィックス付の実装、☓は未実装です。

参考URL

6.1. Image Source: the ‘border-image-source’ property - CSS3 - W3C

登録日 : 2014年05月20日 最終更新日 : 2014年7月7日

同じカテゴリー(Border)のエントリー

• border
• border-left
• border-bottom
• border-right
• border-top
• border-image
• border-image-repeat
• border-image-outset
• border-image-width
• border-image-slice
• border-image-source
• border-radius
• border-bottom-left-radius
• border-bottom-right-radius
• border-top-right-radius
• border-top-left-radius
• border-left-width
• border-bottom-width
• border-right-width
• border-top-width
• border-width
• border-left-style
• border-bottom-style
• border-right-style
• border-top-style
• border-style
• border-left-color
• border-bottom-color
• border-right-color
• border-top-color
• border-color