CSS3の各ブラウザ対応状況と、ベンダープレフィックスが必要なバージョン

 自分用メモ。CSS3の各ブラウザ対応状況と、ベンダープレフィックスが必要なケース。

CSS3対応一覧

HTML5 & CSS3 Support, Web Design Tools & Support – FindMeByIP – CSS3 & HTML5 Browser Support

CSS3のプロパティ・セレクタとHTML5の、各ブラウザ対応状況一覧表が掲載されています。

ベンダープレフィックスが必要なブラウザとバージョン

よく使うプロパティで、ベンダープレフィックスが必要なケースのメモ。

border-radius

  • Firefox 3.6で『-moz-border-radius』が必要

box-shadow

  • Safari 5で『-webkit-box-shadow』が必要
    ※古いバージョンのMac OS XやiPhone対応時に付与。

text-shadow

  • 基本的に不要。IEは9と10でも未対応

linear-gradient

  • Firefox 3.6・4以降で『-moz-liner-gradient』が必要
  • Safari 5で『-webkit-gradient』が必要
  • Safari 5.1で『-webkit-liner-gradient』が必要
  • Chrome 10以降で『-webkit-liner-gradient』が必要
  • Opera 10以降で『-o-liner-gradient』が必要
  • IE 10で『-ms-liner-gradient』が必要

Jimdo

オススメ書籍

10日でSEO&アクセスアップ Jimdoデザインブック

かっこいいだけではなく、人が集まるホームページを作る!

「Jimdo」(ジンドゥー)でのホームページの作成方法と運用方法を解説した書籍。解説記事を順番に読み進めて行くことで、Jimdoを使ったホームページの作成・運用・宣伝・集客の基本を、10日間で習得するのが本書のコンセプトです。12章構成の解説の中で、Jimdoの基本操作とホームページの作成、デザインとコンテンツ(内容)のレベルアップ、そしてSEOやリスティング広告を含む宣伝・集客の基本を解説しています。

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA


ABOUTこの記事をかいた人

株式会社マジカルリミックス 代表取締役CEO/JimdoExpert 宮城県出身。コンピューター系の専門学校を卒業後、仙台のデザイン会社に入社。 Webサイトのデザイン・コーディングをはじめとし、各種デジタルメディアのデザインに従事。2002年退職後すぐにマジカルリミックスを創業。2007年に法人化で株式会社マジカルリミックスを設立。Webサイト運用に関するコンサルティング、社内向けITトレーニング、セミナー出演、執筆など。2005年から仙台の専門学校で、非常勤講師としてWeb制作講義を担当。主な著書に『10日で作るかっこいいホームページ Jimdo(ジンドゥー)デザインブック』(エムディエヌコーポレーション)『HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。』(共著、同)『基礎から覚える、深く理解できる。Webデザインの新しい教科書』(同)。