Chrome のスタイルシートで使用-webkit-object-fit
すると、「不明なプロパティ名」が生成されます。
サポートされていないだけですか?-webkit-border-image
動作します。
Chrome のスタイルシートで使用-webkit-object-fit
すると、「不明なプロパティ名」が生成されます。
サポートされていないだけですか?-webkit-border-image
動作します。
2016 年 2 月 15 日更新
この拡張機能は現在、Internet Explorer と Edge を除くすべての主要なブラウザーでプレフィックスなしでサポートされています (ただし、Edge では優先度が中程度の検討中としてフラグが付けられているため、将来的にはサポートされる可能性があります)。
元の(古い)回答
この特定の拡張機能は、他のブラウザからのサポートを獲得していないため、Opera が支援するプロジェクトのようです。
現在、object-fit プロパティをサポートするアクティブな Webkit ベースのブラウザーはありません。このプロパティはかなり前から存在しており、Opera Presto (<= 12) ブラウザーと HP TouchPad (WebOS 3.0) に実装されていたため、仕様は推奨候補に達しました。ただし、これらはどちらも廃止されているため、プロパティはCSS イメージ レベル 4仕様にも表示されます。
Chrome 32 に追加されましたが、これは Blink を使用するため、プロパティのプレフィックスが付けられていないため、-webkit- プレフィックスを使用する必要はありません。
ポリフィルを探している場合は、http://www.steveworkman.com/html5-2/javascript/2012/css3-object-fit-polyfill/ で入手できる jQuery ベースのものを作成しました。