一般的な CSS プロパティのブラウザ互換性の概要 (推奨)

一般的な CSS プロパティのブラウザ互換性の概要 (推奨)

CSS プロパティのブラウザ互換性をまとめる必要があるのはなぜですか?使用する際は、Can I Use にアクセスして、ブラウザと属性の互換性を確認したほうがよいのではないでしょうか。

css3.jpeg

実際、実際の開発プロセスでは、開発効率を大幅に向上させ、適切にデグレードできるコードを書くために、一般的な CSS 属性の互換性を明確にする必要があります。 CSS 属性の互換性をすべて覚えなければならないという意味ではありません。使用率が低いものについては、直接 Can I Use を使用して検索することができます。

フレーム:

  • border-radius: IE9 との互換性は最低限あり、他のブラウザとの互換性も優れています。
  • box-shadow: IE9 との互換性は最低限あり、他のブラウザとの互換性は優れています。

背景:

background-size: IE9 との互換性が最低限必要ですが、他のブラウザとの互換性は優れています。

フォント:

@font-face: IE9 以降のバージョンの IE ブラウザは、あらゆる形式のフォント ファイルのインポートをサポートしていますが、IE9 より前のブラウザは EOT 形式のフォント ファイルのインポートのみをサポートしています。 他のブラウザも互換性があります。

2D変換:

transform: IE9 との最低限の互換性 (-ms- プレフィックスを追加する必要があります)、他のブラウザとの互換性は優れています。 transform プロパティの前にブラウザ カーネル プレフィックスを追加することをお勧めします。 svg 要素で transform 属性を使用することは推奨されません。また、最新バージョンの IE ではこの使用法はサポートされていません。

3D変換:

IE10 と Firefox は 3D 変換をサポートしています。 Chrome と Safari ではプレフィックス -webkit- が必要です。 Opera はまだ 3D トランジションをサポートしておらず、2D トランジションのみをサポートしています。

遷移:

移行: IE10 との最低限の互換性があり、他のブラウザとの互換性も優れています。 Safari ブラウザではプレフィックス -webkit- が必要ですが、他のほとんどのブラウザではこのプレフィックスは必要ありません。したがって、特別な状況を除いて、他のブラウザのプレフィックスを追加する必要はありません。

アニメーション:

animation: 互換性は transition プロパティとほぼ同じです。

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  Ubuntu Server 18.04.5 LTS サーバー エディションのインストールと構成のグラフィック チュートリアル

>>:  W3C チュートリアル (8): W3C XML スキーマのアクティビティ

推薦する

JS を使用して要素がビューポート内にあるかどうかを確認する方法

序文要素がビューポート内にあるかどうかを監視する2つの方法を共有する1. 位置計算Element.g...

Docker プライマリ ネットワーク ポート マッピング構成

ポートマッピングDocker コンテナを起動する前にポート マッピングを行わないと、コンテナ外部のネ...

Vue の get リクエストと post リクエストの違いのまとめ

このチュートリアルの動作環境: Windows 7 システム、vue 2.9.6 バージョン、DEL...

JS と Nodejs におけるイベント駆動型開発についての簡単な説明

目次イベント駆動型とパブリッシュ・サブスクライブ型ブラウザの JavaScript ではイベント駆動...

Linux仮想メモリについての簡単な説明

目次起源仮想メモリページングとページテーブルメモリのアドレス指定と割り当て関数プロセスメモリ管理デー...

React仮想リストの実装

目次1. 背景2. バーチャルリストとは何か3. 関連概念の紹介4. 仮想リストの実装4.1 ドライ...

Vueコンポーネントの動的コンポーネントの詳細な説明

目次要約する要約する配列が変更されると、対応するデータを動的にロードしますシナリオ: 異なるコンポー...

Ubuntu 20.04 では、隠し録音ノイズ低減機能が有効になります (推奨)

最近、 Ubuntu 20.04でkazamを使用して録音しているときに、問題が見つかりました。シス...

Oracle VM VirtualBox の CentOS7 オペレーティング システムのインストール チュートリアル図

目次インストール手順環境設定実行構成インストール手順ダウンロードアドレス: バージョン6.0 最初に...

Vue3 における非親子コンポーネントの値転送の詳細な説明

目次アプリ.vueサブ1.vueサブ2.vue要約する vue2 における非親子コンポーネントの値の...

TLS暗号化通信を使用してDockerにリモート接続する詳細な例

デフォルトでは、Docker はネットワーク化されていない UNIX ソケット上で実行されます。オプ...

MySQL のバイナリおよび varbinary データ型の詳細な説明

序文BINARY と VARBINARY は、文字列ではなくバイナリ文字列を格納する点を除いて、CH...

Linux で Bash コマンド プロンプトをカスタマイズする方法

序文ご存知のとおり、bash (Bourne-Gain Shell) は、ほとんどの Linux デ...

マークアップ言語 - 簡略化されたタグ

123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックして...