CSS - border-image-source

トップ > CSSリファレンス > border-image-source

概要

属性名 border-image-source
値 <image>
初期値none
適用可能要素border-collapse が collapse と設定されたテーブル以外のすべての要素
継承継承しない
メディアvisual
アニメーション不可

サポート (説明)

CSSIE/EdgeFirefoxChromeOperaSafari
CSS3111516156

説明

ボーダーイメージの画像の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

リンク

Copyright (C) 2015-2018 杜甫々
初版：2015年10月11日、最終更新：2018年1月7日
http://www.tohoho-web.com/css/prop/border-image-source.htm