CSS background-position のエッジオフセット

- CR

3 ~ 4 値の構文を使用し、指定したエッジから CSS 背景画像の位置を相対的に配置できます。たとえば: background-position: right 5px bottom 5px; は、右下隅から 5px の位置に配置します。

Chrome

  1. 4 - 24: サポートなし
  2. 25 - 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 - 12: サポートなし
  2. 13 - 124: サポートあり
  3. 125: サポートあり
  4. 126 - 128: サポートあり

Opera

  1. 9 - 10.1: サポートなし
  2. 10.5 - 108: サポートあり
  3. 109: サポートあり

IE

  1. 5.5 - 8: サポートなし
  2. 9 - 10: サポートあり
  3. 11: サポートあり

Chrome for Android

  1. 124: サポートあり

Safari on iOS

  1. 3.2 - 6.1: サポートなし
  2. 7 - 17.3: サポートあり
  3. 17.4: サポートあり
  4. 17.5: サポートあり

Samsung Internet

  1. 4 - 23: サポートあり
  2. 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: サポートあり
リソース
基本情報
MDN Web Docs - background-position