CSS - border-image-source
概要
属性名 | border-image-source |
---|---|
値 | <image> |
初期値 | none |
適用可能要素 | border-collapse が collapse と設定されたテーブル以外のすべての要素 |
継承 | 継承しない |
メディア | visual |
アニメーション | 不可 |
サポート (説明)
CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
---|---|---|---|---|---|
CSS3 | 11 | 15 | 16 | 15 | 6 |
説明
ボーダーイメージの画像のURLを指定します。
値 | 説明 |
---|---|
<url> | 画像の URL を url(./image/boder.png) などの形式で指定します。 |
none | 画像ファイルを指定しません。 |
使用例
CSS
#d1 { width: 120px; height: 60px; border-image-source: url(./image/border-image.png); border-image-slice: 10; border-image-width: 10px; border-image-repeat: round; border-style: solid; }
HTML
<div id="d1"></div>
表示
関連項目
border-image, border-image-source, border-image-slice, border-image-width, border-image-outset, border-image-repeatリンク
- http://www.w3.org/TR/css3-background/#the-border-image-source
- https://developer.mozilla.org/ja/docs/Web/CSS/border-image-source
- http://caniuse.com/#feat=border-image
Copyright (C) 2015-2018 杜甫々
初版:2015年10月11日、最終更新:2018年1月7日
https://www.tohoho-web.com/css/prop/border-image-source.htm