web-dev-qa-db-ja.com

CSSベンダープレフィックスのリスト？

次のリストの他に、ウェブ開発にとって重要な他のCSSベンダー接頭辞がありますか？私の定義は正しいですか？モバイルブラウザ（モバイルWebkitなど）についてより具体的に説明する必要がありますか

  • -khtml-（Konqueror、really古いSafari）
  • -moz-（Firefox）
  • -o-（オペラ）
  • -ms- （インターネットエクスプローラ）
  • -webkit-（Safari、Chrome）

このリスト （これにはmso-、-wap-、および-atsc-）価値のあるものを追加しますか？

cssvendor-prefix
65
theazureshadow

これらは私が知っているものです：

  • -ms- Microsoft
  • mso- マイクロソフトオフィス
  • -moz- Mozilla Foundation（Geckoベースのブラウザー）
  • -o-、-xv- Operaソフトウェア
  • -atsc-高度テレビ規格委員会
  • -wap- WAPフォーラム
  • -webkit- Safari、Chrome（およびその他のWebKitベースのブラウザ）
  • -khtml-、-konq- Konquerorブラウザー
  • -Apple- Webkitは、-Apple-プレフィックスを使用したプロパティもサポートしています
  • prince-はい
  • -ah-アンテナハウス
  • -hp- Hewlett Packard
  • -ro-実オブジェクト
  • -rim- Research In Motion
  • -tc-背の高いコンポーネント

これらは CSS 2.1仕様、参考セクション4.1.2.2 に正式にリストされています。

99
Greg

単なる提案です。CSS遷移をプレフィックスに追加するだけの場合は、column-count: 3;そして、すべての主要なブラウザをサポートし、ここで回答に記載されているすべてのプレフィックスをプロパティのプレフィックスとして使用したい場合は、これを行うツールを使用することをお勧めします。

pleeease.io のようなオンラインを使用できます。これにより、変換が行われます。

入力

a {
  column-count: 3;
  column-gap: 10px;
  column-fill: auto;
}

出力

a {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-column-fill: auto;
     -moz-column-fill: auto;
          column-fill: auto;
}
1
Raman Sahasi

Web開発の直接的なコンテキストではありませんが、JavaFXはCSSの使用にもベンダープレフィックスを使用します：-fx-。

1
glglgl