WordPressのテーマ作成（2） CSS3にチャレンジ ベンダープレフィックス
2012年1月14日 | カテゴリー： テーマ作成 | タグ : WordPress, css3, テーマ
WordPressのデザインを作成する前にまずCSS3を身につけたいと思います。
（テーマ作成のカテゴリに入れていいのか迷いましたが、
テーマを作成するための一連の流れなので「テーマ作成」カテゴリに入れました。）
CSS3を使ったことがないとはいえ、時々CSS3のソースを見かけることはあります。
そこで気になっていたのが
-moz-や-webkit-
の部分。
調べてみてベンダープレフィックスと呼ばれる物だとわかりました。
ベンダープレフィックスとは
ベンダープレフィックスとは、linear-gradientプロパティの場合でしたら、
以下のような記述の中の-moz-や-webkit-の部分です。
1 2 3 4 | background: -moz-linear-gradient(top, rgba(18, 55, 86, 0.82), rgba(18, 55, 86, 1)) ;background: -webkit-linear-gradient(top, rgba(18, 55, 86, 0.82), rgba(18, 55, 86, 1));background: -o-linear-gradient(top, rgba(18, 55, 86, 0.82), rgba(18, 55, 86, 1));background: -ms-linear-gradient(top, rgba(18, 55, 86, 0.82), rgba(18, 55, 86, 1)); |
これは、「正式に採用されていない、ブラウザ独自の拡張機能です」ということを明示するためのものだそうです。
ベンダープレフィックスは対象のブラウザによって指定の仕方が違います。
-moz- Firefox
-webkit- Google chrome、Safari
-o- Opera
-ms- IE
CSSに記載する際には、通常のプロパティとベンダープレフィックス有りの両方を記載した方がいいようです。
疑問点が解消されたので、次回から実際にCSS3を試していきます。
コメントを残す