CSS3 Background-image オプション

- CR

background-clip、background-origin、background-sizeを含む背景画像に影響を与える新しいプロパティ

Chrome

  1. 4 - 14:一部サポート
  2. 15 - 123:サポート
  3. 124:サポート
  4. 125 - 127:サポート

Edge

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

Safari

  1. 3.1 - 6.1:一部サポート
  2. 7 - 17.3:サポート
  3. 17.4:サポート
  4. 17.5 - TP:サポート

Firefox

  1. 2 - 3.5:非サポート
  2. 3.6:一部サポート
  3. 4 - 124:サポート
  4. 125:サポート
  5. 126 - 128:サポート

Opera

  1. 9 - 9.6:非サポート
  2. 10:一部サポート
  3. 10.5 - 108:サポート
  4. 109:サポート

IE

  1. 5.5 - 8:非サポート
  2. 9 - 10:サポート
  3. 11:サポート

Chrome for Android

  1. 124:サポート

Safari on iOS

  1. 3.2 - 4.3:一部サポート
  2. 5:一部サポート
  3. 6:一部サポート
  4. 7 - 17.3:サポート
  5. 17.4:サポート
  6. 17.5:サポート

Samsung Internet

  1. 4 - 23:サポート
  2. 24:サポート

Opera Mini

  1. すべて:一部サポート

Opera Mobile

  1. 10 - 12.1:サポート
  2. 80:サポート

UC Browser for Android

  1. 15.5:サポート

Android Browser

  1. 2.1:一部サポート
  2. 2.2 - 2.3:一部サポート
  3. 3 - 4.3:一部サポート
  4. 4.4 - 4.4.4:サポート
  5. 124:サポート

Firefox for Android

  1. 125:サポート

QQ Browser

  1. 14.9:サポート

Baidu Browser

  1. 13.52:サポート

KaiOS Browser

  1. 2.5:サポート
  2. 3:サポート

Firefox、Chrome、Safariは、非公式の-webkit-background-clip: textを(プレフィックス付きでのみ)サポートしています。Safariは、<button>要素に対して-webkit-background-clip: text;をサポートしていません。ただし、<button>の中に<span>を入れることで同じ結果を得ることができます。

リソース
詳細な互換性テーブルとデモ
MDN Web Docs - background-image
IE7-8用のポリフィル
サブ機能
Background-clip: text