We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

ブラウザ―の提供元(ベンダー)は、時々試験的実装や非標準の CSS プロパティのために接頭辞を追加することがあります。そのため、開発者たちは標準化プロセスの中で、(理論上は)ウェブ開発者のコードを壊すことなく新しい考えによる実験的な機能を試すことができます。開発者たちは、ブラウザーの振る舞いが標準化されるまで、接頭辞を外したプロパティを導入するのを待つべきです。

ブラウザ―の提供元は、実験的な機能にベンダー接頭辞をつけることをやめるようになってきています。ウェブ開発者が、実験的な機能であるにもかかわらず、実運用のウェブサイトで使用してしまってきました。これはブラウザ―の提供元が互換性を維持したり新しい機能を導入したりすることを困難にしてきました。これは弱小ブラウザーにとっても有害で、有名なウェブサイトを読み込めるようにするために、他のブラウザーの接頭辞を追加する羽目になっています。

最近は、実験的な機能はユーザーが制御するフラグや設定によって隠すようにし、作成する仕様を小さくして、もっと早く安定状態になるようにする傾向があります。

CSS の接頭辞

主要なブラウザーは、以下の接頭辞を使用しています。

  • -webkit- (Chrome、 Safari、新しいバージョンの Opera、ほぼすべての iOS ブラウザ―(Firefox for iOS を含む)。基本的に WebKit ベースのブラウザーすべて)
  • -moz- (Firefox)
  • -o- (WebKit 導入前の古い Opera)
  • -ms- (Internet Explorer と Microsoft Edge)

API の接頭辞

歴史的に、ベンダーは実験的な API にも接頭辞を使用してきています。インターフェイス全体が実験的な場合は、インターフェイス名に接頭辞が付きます(しかし、その中のプロパティやメソッドには付きません)。標準化されたインターフェイスに実験的なプロパティやメソッドが追加された場合は、それぞれのメソッドやプロパティに接頭辞が付きます。

インターフェイスの接頭辞

インターフェイス名の接頭辞は大文字です。

  • WebKit (Chrome、 Safari、新しいバージョンの Opera、ほぼすべての iOS ブラウザ―(Firefox for iOS を含む)。基本的に WebKit ベースのブラウザーすべて)
  • Moz (Firefox)
  • O (WebKit 導入前の古い Opera)
  • MS (Internet Explorer と Microsoft Edge)

プロパティとメソッドの接頭辞

プロパティやメソッドの接頭辞は小文字です。

  • webkit (Chrome、 Safari、新しいバージョンの Opera、ほぼすべての iOS ブラウザ―(Firefox for iOS を含む)。基本的に WebKit ベースのブラウザーすべて)
  • moz (Firefox)
  • o (WebKit 導入前の古い Opera)
  • ms (Internet Explorer と Microsoft Edge)

詳細情報

一般知識

  • Wikipedia の Vendor prefix の記事 【訳注:ウィキペディア日本語版には該当する節がありません】

ドキュメントのタグと貢献者

このページの貢献者: Uemmra3, mfuji09, momdo, lefb766, hamasaki, aokashi
最終更新者: Uemmra3,