5

このブログ投稿で、次の CSS スニペットを見つけました。

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

基本的な CSS のコースをいくつか受講しましたが、CSS のようなハイフンは見たことがありません-webkit-...。この場合、メイン ブラウザのレイアウト エンジンを参照しているように見えますが、一般的にはどういう意味ですか?

これをグーグルで検索すると、すべての結果がブラウザのテキストのハイフネーションをターゲットにしています:-/

4

6 に答える 6

9

これらはベンダー固有の CSS プロパティです。

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover; /* WEBKIT - Chrome, Safari */
  -moz-background-size: cover; /* MOZILLA - Firefox */
  -o-background-size: cover; /* OPERA */
  background-size: cover;
}

ハイフンは、ベンダー固有のCSS プロパティを導入するために使用されます。これらはブラウザーで使用されますが、まだ CSS の標準として認識されていません。

CSS でよく使用されるプレフィックスは次のとおりです。

Android: -webkit-
Chrome: -webkit-
Firefox: -moz-
Internet Explorer: -ms-
iOS: -webkit-
Opera: -o-
Safari: -webkit-
于 2013-01-17T16:14:14.300 に答える
7

答えはCSS 仕様にあります:

-' または '_' で始まるキーワードとプロパティ名は、ベンダー固有の拡張用に予約されています。このようなベンダー固有の拡張機能は、次のいずれかの形式にする必要があります。

'-' + ベンダー識別子 + '-' + 意味のある名前
'_' + ベンダー識別子 + '-' + 意味のある名前

と:

最初のダッシュまたはアンダースコアは、CSS の現在または将来のレベルで、プロパティまたはキーワードで決して使用されないことが保証されています。したがって、典型的な CSS 実装は、そのようなプロパティを認識せず、解析エラーを処理するためのルールに従って無視する場合があります。ただし、最初のダッシュまたはアンダースコアは文法の一部であるため、CSS 2.1 の実装者は、ベンダー固有の拡張機能をサポートしているかどうかにかかわらず、常に CSS 準拠のパーサーを使用できる必要があります。

要約すると、先頭にダッシュが付いたプロパティ名は有効とは見なされないため、ベンダー固有の CSS ルールで使用できます。

于 2013-01-17T16:23:03.827 に答える
4

スペースの代わりにハイフンを使用して、結合する単語を分割します。他の言語では、これにキャメルケース/スネークケースなどを使用しています。

注:これは特定のものではなく、ブラウザのプレフィックスに限定されるものでもありません...

編集:OPの明確化-先頭のハイフン が何を示しているのか知りたくない...マシューの答えを参照してください。

于 2013-01-17T16:15:17.683 に答える
0

ダッシュは、特定のブラウザに固有であり、非標準の拡張機能と見なされることを意味します。

于 2013-01-17T16:14:06.677 に答える
0

- プレフィックスは、公式の CSS 仕様の一部ではなく、ベンダー固有のタグであることを意味します。通常は、最終的には CSS 仕様に含まれるものの、まだ準備が整っていない機能を人々が試してみるのに役立ちます。重要なことについて、それらに依存することは避けるべきです。

たとえば -moz- は、Gecko ベースのブラウザー (Mozilla Firefox など) に固有であることを意味します。

于 2013-01-17T16:14:20.320 に答える
0

これらは「ベンダープレフィックス」と呼ばれるものです。ブラウザー名の先頭にあるハイフンは、単にそれらのブラウザーを対象としています。これは、実験的な CSS プロパティに使用されます。

于 2013-01-17T16:14:51.317 に答える