CSS3 ボーダー画像

- CR

ボーダーに画像を使用する方法

Chrome

  1. 4 - 14:部分的なサポート
  2. 15 - 29:部分的なサポート
  3. 30 - 50:部分的なサポート
  4. 51 - 55:部分的なサポート
  5. 56 - 123:サポート
  6. 124:サポート
  7. 125 - 127:サポート

Edge

  1. 12 - 13:サポート
  2. 14 - 123:サポート
  3. 124:サポート

Safari

  1. 3.1 - 5.1:部分的なサポート
  2. 6 - 9:部分的なサポート
  3. 9.1 - 15.3:サポート
  4. 15.4 - 17.3:サポート
  5. 17.4:サポート
  6. 17.5 - TP:サポート

Firefox

  1. 2 - 3:サポートされていません
  2. 3.5 - 14:部分的なサポート
  3. 15 - 49:部分的なサポート
  4. 50 - 124:サポート
  5. 125:サポート
  6. 126 - 128:サポート

Opera

  1. 9 - 10.1:サポートされていません
  2. 10.5 - 10.6:部分的なサポート
  3. 11 - 12.1:部分的なサポート
  4. 15 - 37:部分的なサポート
  5. 38 - 42:部分的なサポート
  6. 43 - 108:サポート
  7. 109:サポート

IE

  1. 5.5 - 10:サポートされていません
  2. 11:サポート

Chrome for Android

  1. 124:サポート

Safari on iOS

  1. 3.2 - 5.1:部分的なサポート
  2. 6 - 9.2:部分的なサポート
  3. 9.3 - 15.3:サポート
  4. 15.4 - 17.3:サポート
  5. 17.4:サポート
  6. 17.5:サポート

Samsung Internet

  1. 4:部分的なサポート
  2. 5 - 6.4:部分的なサポート
  3. 7.2 - 23:サポート
  4. 24:サポート

Opera Mini

  1. all:部分的なサポート

Opera Mobile

  1. 10:サポートされていません
  2. 11 - 12.1:部分的なサポート
  3. 80:サポート

UC Browser for Android

  1. 15.5:サポート

Android Browser

  1. 2.1 - 4.3:部分的なサポート
  2. 4.4 - 4.4.4:部分的なサポート
  3. 124:サポート

Firefox for Android

  1. 125:サポート

QQ Browser

  1. 14.9:サポート

Baidu Browser

  1. 13.52:サポート

KaiOS Browser

  1. 2.5:部分的なサポート
  2. 3:サポート

border-imagesを機能させるには、border-styleborder-widthの両方を指定する必要があることに注意してください(noneまたは0に設定しないでください)。

リソース
MDN Web Docs - ボーダー画像
WebPlatform Docs