css3 で -webkit は何を意味しますか

CSS3 では、「-webkit」は、webkit がカーネル ブラウザのプライベート属性であることを意味します。ブラウザが異なると、CSS3 の新しい属性を解析するために異なるカーネル名が指定され、接頭辞は "- webkit-" 属性は、webkit をコアとするブラウザで通常どおり使用できます。

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css3 における -webkit の意味

接頭辞「-webkit-」が付いた属性は、webkit をコアとするブラウザで通常使用できます

-Webkit は一般的に使用されますYu は chrome および safari のプライベート プロパティを表します。

さまざまなブラウザでは、これらの新しいプロパティを解析できるようにカーネル名が指定されています。

box などのいくつかの新しいプロパティが CSS3 に追加されました。 reduis、box-orient、text-overflow など。これらの属性は以前のバージョンでは存在しないか、サポートされていません。そのため、さまざまなブラウザーでは、分析用にこれらの新しい追加属性を処理できるように、カーネル名が指定されています。

これは合理的な説明だと思われます。つまり、-moz- は Firefox 用で、-webkit- は safari と chrome 用です。

• -moz は Firefox ブラウザのプライベート プロパティを表し、

• -ms は IE ブラウザのプライベート プロパティを表します。

##-webkit は chrome および safari のプライベート プロパティを表し、
-o は Opera のプライベート プロパティを表します。
拡張情報:

一般的なプライベート属性は、Chrome ブラウザを例として取り上げます

:: フロントが空のコード グローバルの場合、ある要素の CSS セレクターは、変更された要素の内容を表します

1. 入力ボックス

::-webkit-input-placeholder {}

//阻止input出现黄色背景
input:-webkit-autofill {
    background-color: #fff !important;
    -webkit-box-shadow: inset 0 0 0 1000px white !important;
}

input[type=”number”]

の横の矢印をクリアします

input::-webkit-inner-spin-button { -webkit-appearance: none; }

2 、選択したテキストを無効にします

* {
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

(学習ビデオ共有:

css ビデオ チュートリアル

)

以上がcss3 で -webkit は何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。