border-image-source

このエントリーをはてなブックマークに追加

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

対応ブラウザ

IE Chrome Safari Firefox iOS Android
◯ 11〜 ◯ 15〜 △ 5.1〜
◯ 7〜
◯ 15〜 △ 3.2〜
◯ 6〜
△ 2.1〜
◯ 4.4〜

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

参考URL

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

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

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

検索

スポンサードリンク

バージョン

リファレンス