現場の新標準ガイド」を上梓しました。2017年6月段階での情報に基づき、HTML5、CSS3、CSS4の各機能やブラウザの対応状況をまとめています。下記の旧書籍で紹介していた機能についても、現在ではそれぞれの仕様書が改訂され、主要ブラウザが対応済みとなっています。現場の新標準ガイド』について」を参照してください。スタンダード・デザインガイド【改訂第2版】」を上梓しました。CSS4の最新機能や各ブラウザの対応状況をまとめていますので、参考にしてください。改訂第2版での主な追加・更新内容なお、ブラウザでの対応状況に大きな変化があった場合には、本ページで対応状況一覧を更新していきます。スタンダード・デザインガイド」の巻末に掲載したCSS3のプロパティ&ブラウザ対応一覧です。スタンダード・デザインガイド【改訂第2版】」を参照してください。CSS3CSS3で新しく追加されたプロパティ。CSS3CSS2.1からのプロパティで、CSS3で機能が追加されたもの。拡張ブラウザが拡張したプロパティでW3Cの規格に未掲載のもの。対応(○は要ベンダープレフィックス)。部分対応(△は要ベンダープレフィックス)。以下の表中にはバージョン数を記載しています。Transforms」では単位をつけて指定するように修正されています。500px」と修正して利用してください。WebKit系のブラウザでは単位なしでも機能しますが、FirefoxとIE10では「px」の指定が必要です。フレキシブルボックスレイアウトについてフレキシブルボックスレイアウト(P.071)のプロパティ名や値は、草案の策定過程で変更されています。書籍に掲載した仕様で、displayの値を「box」「inline-box」と指定します。この仕様に対応しているのはiOS4以上、Android2.3.x以上、Firefox、Safari、Chromeです。Preview版までは対応していましたが、最終的に非対応となっています。書籍の注釈に「2011年3月リリースの草案では~」という形で記載した仕様で、displayの値を「flexbox」「inline-flexbox」と指定します。この仕様にはIE10が対応しています。iOS6がベータ3までは対応していましたが、最終的に非対応となっています。最新の仕様で、displayの値は「flex」「inline-flex」と指定します。22が対応しています。4では「’タグ名=1′」という形で記述していました。1」という形で指定するようになっています。22とIE10でもfont-feature-settingsがサポートされています。コーディング・プラクティスブックデザインカンプと指示書に従い、Webページをコーディングしてみる実践シリーズです。