CSS
ブラウザのサポートと接頭辞
サーチ…
パラメーター
接頭辞 | ブラウザ |
---|---|
-webkit- | Google Chrome、Safari、Opera 12以降の最新バージョン、Android、Blackberry、UCブラウザ |
-moz- | Mozilla Firefox |
-ms- | Internet Explorer、Edge |
-o- 、- -xv- | バージョン12までのOpera |
-khtml- | Konquerer |
備考
ベンダープレフィックスは、機能がまだ仕様で推奨されていない新しいCSS機能のプレビューサポートを可能にするために使用されます。
本番環境では、ベンダー接頭辞を使用しないことをお勧めします。これらの接頭辞は、まだ確定されていない新しい機能をテストするために存在し、動作は本来予期しないものです。単にプレフィックスを使用しても 、古いブラウザのブラウザサポートは許可されません。異なる機能を実行するために時間が経っても機能が変更されているとは限らず、サポートしている古いブラウザでは機能が失われる可能性があります。
古いブラウザをサポートすることが重要な場合は、代わりにJavaScriptやその他のソリューションを使用して効果を模倣し、古いブラウザのサポートを確実に保証する必要があります。
ブラウザは接頭辞を使用し、理解していないプロパティは無視します。
注 :プレフィックスは、正式で接頭辞なしの構文の前に必ず現れます。それ以外の場合は、接頭辞付きのプロパティで上書きされます。これは最後に別の実装になります。
ブラウザがプレフィックスのないプレフィックス付きのバージョンの両方のプロパティをサポートしている場合、宣言される最も新しいプロパティが優先されます。
トランジション
div {
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;
}
変換
div {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow