HTML & CSS

最終更新日:
公開日:

リファレンス

CSS

ボーダー イメージ ソース

border-image-sourceプロパティ

ボーダーに画像を使用したい場合に指定するためのプロパティです。

  • 初期値

    none

  • 継承

    不可

  • 適用できる要素

    全要素

パターン1

指定した画像は領域の角に表示されます。
ボーダー画像を指定する場合はボーダーの太さ、スタイルを指定する必要があります。

CSSコード例

border-width: 10px;
border-style: dashed;
border-image-source: url(https://gray-code.com/wp-content/uploads/2016/07/bg_html-300x101.png);

表示例: