BOOKS
by Sukeharu Kano / 狩野祐東 著書

HTML5&CSS3デザインレシピ集 正誤表

書籍『HTML5&CSS3デザインレシピ集』の内容に誤りがありました。ここに訂正してお詫び申し上げます。
なお、出版社技術評論社のサイトにも正誤情報が公開されています。基本的に同じものが掲載されていますが、更新のタイミングによって一時的に内容が異なる場合があります。そちらも併せてご参照ください。

更新履歴

  • 2017/5/23 初版第1刷 p.146の訂正を追加
  • 2017/4/6 初版第1刷 正誤表を公開

初版第1刷 正誤表

p.42 詳細度

誤)maginプロパティの値は「0」になります。

正)marginプロパティの値は「0」になります。

p.76 HTML

誤)<p>厳選された…絶妙ほろ苦さの…</p>

正)<p>厳選された…絶妙なほろ苦さの…</p>

p.104 おもなカラーキーワード 表

誤)yellow #000000

正)yellow #FFFF00

p.146 箇条書きのマークを変更したい

このサンプルでは、list-style-typeプロパティ(list-styleショートハンド含む)に文字列を指定する例を紹介していますが、文字列を指定して正しく動作するのは、2017/5/22現在、Firefox 39.0以降のみであることがわかりました。各ブラウザの対応状況については次のページもご覧ください。

list-style-type – CSS | MDN

p.148 CSS

誤)list-style-type: decimal-leading-zero;

正)list-style: decimal-leading-zero;

p.178 もとの画像データがGIFファイルの場合

誤)<img src=”data:image/png;base64,データ”>

正)<img src=”data:image/gif;base64,データ”>

p.263 CSS

誤)background-image: url(../images/bg.jpg) center bottom no-repeat;

正)background: url(../images/bg.jpg) center bottom no-repeat;

p.463 HTML

誤)
<div class=”box”><img src=”images/photo1.jpg” width="100%" alt=””></div>
<div class=”box”><img src=”images/photo2.jpg” width="100%" alt=””></div>
<div class=”box”><img src=”images/photo3.jpg” width="100%" alt=””></div>
<div class=”box”><img src=”images/photo4.jpg” width="100%" alt=””></div>
<div class=”box”><img src=”images/photo5.jpg” width="100%" alt=””></div>

正)
<div class=”box”><img src=”images/photo1.jpg” alt=””></div>
<div class=”box”><img src=”images/photo2.jpg” alt=””></div>
<div class=”box”><img src=”images/photo3.jpg” alt=””></div>
<div class=”box”><img src=”images/photo4.jpg” alt=””></div>
<div class=”box”><img src=”images/photo5.jpg” alt=””></div>

p.516 本文6行目

誤)フロートを使った2コラムレイアウトは「まずはじめに……

正)フロートを使った3コラムレイアウトは「まずはじめに……