HTML5＆CSS3辞典 第2版（株式会社アンク）｜翔泳社の本
  1. ホーム >
  2. 書籍 >
  3. HTML5＆CSS3辞典 第2版

HTML5＆CSS3辞典 第2版

著

形式：
書籍
発売日：
ISBN：
9784798130569
定価：
2,640円（本体2,400円＋税10%）
仕様：
A5・512ページ
カテゴリ：
Web制作
キーワード：
#グラフィックソフト・ツール,#デザイン,#ビジネスデザイン,#イラスト集・作品集
紙の書籍
電子書籍

購入はこちら

企業・教育機関での一括購入

最新状況に対応した改訂版

次世代Web標準規格として策定の進むHTML5とCSS3。スマートフォンサイトやWebアプリケーション開発の現場では、なくてはならない技術となりつつあります。

本書は2011年に刊行しご好評いただいた『HTML5＆CSS3辞典』の第2版です。日々変更が加えられている仕様に対応しており、最新状況を調べることができます。また、Internet Explorer 10やGoogle Chrome、Firefoxといったモダンブラウザはもちろん、iPhone5やAndroid搭載の標準ブラウザでの検証結果も掲載。どのブラウザ、どのスマートフォンで、どの要素・プロパティが使えるのかがサッとわかります。

早めに次世代規格を学習しておきたいという方はもちろん、すでに実装に取り組んでいる現場でもなくてはならない1冊です。

第1部　第1章　HTML5の基礎知識

1　HTML5とは
2　HTMLの基本的な構造
3　文法上の注意点
4　要素の変更
5　グローバル属性
6　コンテンツモデルとカテゴリー
7　セクションとアウトライン
8　MathMLとSVG

第1部　第2章　HTML5リファレンス

＜文書の基本＞
1　文書の基本構造を定義する
2　文書にタイトルを付けたい
3　基準となるURLを指定したい
4　文書同士の関係を表したい
5　文書情報を表したい
6　初期情報を表したい
7　文字エンコーディングを表したい
8　スタイルシートを使いたい
9　スクリプトを使いたい
10　スクリプトが実行されない環境に対応したい
＜セクション＞
1　セクションを表したい
2　ナビゲーションを表したい
3　内容が独立したコンテンツを表したい
4　メイン・コンテンツとは関連の薄いコンテンツを表したい
5　見出しを表したい
6　見出しをグループ化したい
7　ヘッダーを表したい
8　フッターを表したい
9　連絡先を示したい
＜コンテンツのグループ化＞
1　段落を表したい
2　テーマの変わり目を表したい
3　入力した通りに表示したい
4　長い文章を引用したい
5　リストを作りたい
6　番号付きのリストを作りたい
7　リストの開始番号を変更したい
8　リストの連番を変更したい
9　リストの番号の種類を変更したい
10　リストを降順にしたい
11　記述リストを表示したい
12　図版とキャプションを表したい
13　汎用的な領域を設定したい
＜テキストレベルの意味付け＞
1　リンクを設定したい
2　リンク先を読み込むウィンドウを指定したい
3　指定した場所に移動したい
4　強調したい
5　重要であることを示したい
6　注釈を表したい
7　正確ではなくなった内容を表したい
8　引用元のタイトルを表したい
9　短い文章を引用したい
10　定義される用語を示したい
11　略語や頭文字を示したい
12　日付や時間を示したい
13　コンピュータ関連のテキストを示したい
14　上付き文字・下付き文字を指定したい
15　イタリックで表記される部分を表したい
16　太字で表記される部分を表したい
17　テキストをラベル付けしたい
18　ハイライト表記をしたい
19　ルビをふりたい
20　テキストの表示方向を前後から独立させたい
21　テキストの表記方向を指定したい
22　汎用的な範囲を設定したい
23　改行させたい
24　改行を許可する位置を指定したい
25　内容の追加や削除を表したい
＜コンテンツの埋め込み＞
1　画像を表示したい
2　イメージマップを作りたい
3　インライン・フレームを作りたい
4　プラグインを利用したい
5　さまざまな形式のコンテンツを埋め込みたい
6　プラグインのパラメータを指定したい
7　動画を再生したい
8　音声ファイルを再生したい
9　再生するファイルを複数指定したい
10　メディアに字幕を入れたい
11　スクリプトを使って図を描きたい
＜テーブル＞
1　表（テーブル）を作りたい
2　行や列に見出しを付けたい
3　キャプションを付けたい
4　列をグループ化したい
5　列を表したい
6　行をグループ化したい
7　縦方向のセルを連結したい
8　横方向のセルを連結したい
＜フォーム＞
1　入力フォームを作りたい
2　input要素で入力フォームの部品を作りたい
3　送信ボタンを作りたい
4　リセットボタンを作りたい
5　汎用ボタンを作りたい
6　画像を送信ボタンにしたい
7　表示させずに送信させるテキストを指定したい
8　1行の入力フィールドを作りたい
9　検索用の入力フィールドを作りたい
10　電話番号、URL、メールアドレス用の入力フィールドを作りたい
11　パスワード用の入力フィールドを作りたい
12　日付と時刻を入力したい
13　日付を入力したい
14　年月を入力したい
15　週を入力したい
16　時間を入力したい
17　数値を入力したい
18　特定の範囲の数値を入力したい
19　色を指定したい
20　チェックボックスを作りたい
21　ラジオボタンを作りたい
22　ファイルを選択してアップロードしたい
23　ボタンを作りたい
24　複数行の入力フィールドを作りたい
25　プルダウンメニューを作りたい
26　リストボックスを作りたい
27　メニューの選択項目をグループ化したい
28　入力候補のリストを作りたい
29　フォームの部品をグループ化したい
30　部品にキャプションを付けたい
31　鍵ペアを生成したい
32　フォームの計算結果を表したい
33　進捗状況を示したい
34　ゲージを示したい
＜インタラクティブ＞
1　詳細な情報をオンデマンドで表示したい
2　命令を表したい
3　命令のメニューを表したい
4　ユーザーが操作できるUIを表したい

第2部　第1章　CSS3の基礎知識

CSSとは
1　CSSの基本書式
2　セレクタの種類
3　HTML文書への適用方法
4　メディアクエリー
5　ボックスモデル
6　スタイルの適用要素、継承、優先順位
7　長さの指定方法
8　色の指定方法
9　角度の指定方法
10　URLの指定方法

第2部　第2章　CSS3リファレンス

＜背景とボーダー＞
1　背景画像を複数指定したい
2　背景を表示する範囲を指定したい
3　背景画像の基準の位置を指定したい
4　背景画像のサイズを指定したい
5　角丸を個別に指定したい
6　角丸のプロパティを一括して指定したい
7　ボーダーに使用する画像を指定したい
8　ボーダーに使用する画像の分割位置を指定したい
9　ボーダー画像の幅を指定したい
10　ボーダー画像の領域を広げたい
11　ボーダー画像の繰り返し方法を指定したい
12　ボーダー画像を一括して指定したい

＜ボックス＞
1　ボックスに影を付けたい
2　内容があふれる場合の横方向の表示方法を指定したい
3　内容があふれる場合の縦方向の表示方法を指定したい
4　幅と高さの算出方法を指定したい
5　アウトラインとボーダーとの間隔を指定したい
6　要素のサイズを変更できるようにしたい
＜色とグラデーション＞
1　透明度を指定したい
2　線形のグラデーションを指定したい
3　円形（放射状）のグラデーションを指定したい
4　グラデーションの繰り返しを指定したい
＜テキスト＞
1　テキストに影を付けたい
2　単語の途中の改行方法を指定したい
3　テキストがあふれる場合の表示方法を指定したい
4　ハイフネーションを指定したい
5　タブ幅を指定したい
＜フォント＞
1　フォントサイズを調整したい
2　Webフォントを使いたい
＜段組み＞
1　段の数を指定したい
2　段の横幅を指定したい
3　段の数と幅を一括して指定したい
4　段の間隔を指定したい
5　段の境界線の種類を指定したい
6　段の境界線の幅を指定したい
7　段の境界線の色を指定したい
8　段の境界線のプロパティを一括して指定したい
9　段にまたがる表示を指定したい
10　段同士の高さのバランスを指定したい
11　段組みの改ページや改段方法を指定したい
＜フレキシブル・ボックス＞
1　フレキシブルボックスレイアウトを使いたい
2　レイアウトの方向を指定したい
3　アイテムを複数の行に配置したい
4　レイアウトの方向と行数を一括して指定したい
5　アイテムの並び順を指定したい
6　アイテムの幅の増減を個別に指定したい
7　アイテムの幅の増減を一括して指定したい
8　主軸方向の配置方法を指定したい
9　交差軸方向の配置方法を指定したい
10　複数行の場合の交差軸方向の配置方法を指定したい
＜グリッドレイアウト＞
1　グリッドレイアウトを使いたい
2　グリッドの列と行を定義したい
3　グリッドアイテムを配置したい
4　複数のグリッドセルに配置したい
5　グリッドアイテムの配置方法を指定したい
＜トランジション＞
1　トランジション効果を付けたい
2　トランジションにかける時間を指定したい
3　トランジションの速度のパターンを指定したい
4　トランジションを遅れて開始させたい
5　トランジションのプロパティを一括して指定したい
＜アニメーション＞
1　アニメーションのキーフレームを設定したい
2　利用するキーフレームを指定したい
3　アニメーションを実行する時間を指定したい
4　アニメーションの速度のパターンを指定したい
5　アニメーションを実行する回数を指定したい
6　アニメーションを繰り返す方向を指定したい
7　アニメーションの実行・一時停止を指定したい
8　アニメーションを遅れて開始させたい
9　アニメーションの待機中や完了後のスタイルを指定したい
10　アニメーションのプロパティを一括して指定したい
＜変形＞
1　要素に2次元の変形効果を付けたい
2　2次元の変形の基点を指定したい
3　要素に3次元の変形効果を付けたい
4　3次元の変形の基点を指定したい
5　3次元上での子要素の描画方法を指定したい
6　子要素を透視図法で表示したい
7　子要素の透視図法の視点を変更したい
8　要素の裏面の表示方法を指定したい

第3部　付録

1　廃止された属性一覧表
2　HTMLタグインデックス
3　HTML5属性インデックス
4　CSSインデックス
5　用語インデックス

付属データはこちら

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影（表紙画像）をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影（表紙画像）以外のご利用については、こちらからお問い合わせください。

追加情報はありません。
この商品の「よくある質問」はありません。

ご購入いただいた書籍の種類を選択してください。

書籍の刷数を選択してください。

刷数は奥付（書籍の最終ページ）に記載されています。

現在表示されている正誤表の対象書籍

書籍の種類:

書籍の刷数:

本書に誤りまたは不十分な記述がありました。下記のとおり訂正し、お詫び申し上げます。

対象の書籍は正誤表がありません。

最終更新日:2015年12月07日
発生刷 ページ数 書籍改訂刷 電子書籍訂正 内容 登録日
1刷 236
表中「カテゴリー」のFieldset		 2刷 済
誤 カフロー・コンテンツ／セクショニング・ルート／フォーム関連要素（リストされた要素、
正 フロー・コンテンツ／セクショニング・ルート／フォーム関連要素（リストされた要素、ラベル付け可能要素、送信可能要素、リセット可能要素）／パルパブル・コンテンツ
2015.07.29
1刷 274
コードを全面的に差し替え		 2刷 済
誤 ―
正 ―
備
考		 画像は変更ありません。
訂正後のこのページのPDFはこちらからダウンロードできます。
2015.07.30
1刷 284
基本書式の最下行		 2刷 済
誤 background: ●,■,...,▼
正 background: ●,■,...,☆
2015.07.30
1刷 284
基本書式の値の説明　最下行		 2刷 済
誤 ☆………背景色、transparent
正 ☆………色
2015.07.30
1刷 284-285
「一括して指定する場合」の説明		 2刷 済
誤 　画像ごとに必要な値を半角スペースで区切って指定し、さらに画像ごとに「（, カンマ）」で区切って並べます。最初に指定した画像が1番上に、以降指定した順に表示され、最後に指定した画像が1番下に表示されます。 　例えば、サンプルのスタイルを一括して指定する場合は、次のようになります。 
body {
    background: url(usa_flute.png) no-repeat 600px 500px,
                url(balloon1.png) no-repeat 120px 100px,
                url(sky_photo.jpg) no-repeat 30px 20px, #f0ffff;
}
正 基本的には、必要な値を任意の順番で並べ、半角スペースで区切って指定しますが、次のような決まりがあります。 ・background-sizeプロパティの値は、background-positionプロパティの後に、「/」で区切って指定します。 ・background-originプロパティとbackground-clipプロパティには、どちらも「padding-box」「border-box」「content-box」を指定できます。これらの中からbackground-originプロパティの値、background-clipプロパティの値の順番で、セットで指定します。値を1つだけ指定した場合は、両方のプロパティに同じ値が設定されます。 省略した値については初期値が適用されます。
備
考		 コードも含めて全部差し替えます。
2015.07.30
1刷 286
「CSS Source」の4行目		 未 済
誤 border: 15px solid rgba(000,128,128,0.5) /*rgba(139,000,000,0.5)*/;
正 border: 15px solid rgba(000,128,128,0.5);
備
考		 /*～*/を削除します。
2刷では行末の「;」が抜けています。
2015.07.30
1刷 318
基本書式の値		 2刷 済
誤 ★………content-box、border-box
正 ★………content-box、padding-box、border-box
2015.07.30
1刷 332
「開始点」図		 2刷 済
誤 （図の上のキャプション）垂直方向の中心 （図の下のキャプション）水平方向の中心
正 （図の上のキャプション）垂直方向の位置 （図の下のキャプション）水平方向の位置
2015.07.30
1刷 339
基本書式の「初期値」		 2刷 済
誤 none
正 normal
2015.07.30
1刷 346
基本書式の値		 2刷 済
誤 （基本書式の下）　★………文字数 （値の指定方法）　文字数　　タブ幅を～
正 （基本書式の下）　★………整数値 （値の指定方法）　整数値　　タブ幅を～
2015.07.30
1刷 351
「値の指定方法」1行目		 2刷 済
誤 font-familyプロパティ
正 font-familyディスクリプタ
2015.07.30
1刷 352
5行目		 2刷 済
誤 @font-face内には、font-weightプロパティ、font-styleプロパティも指定できます。
正 @font-face内には、font-weightディスクリプタ、font-styleディスクリプタも指定できます。
2015.07.30
1刷 375,376
「CSS Source」の13行目、「HTML Source」の6行目、11行目		 未 未
誤 CSS Sourceの13行目 ＃break{ HTML Sourceの6行目、11行目 <h2 id="break">
正 CSS Sourceの13行目 .break{ HTML Sourceの6行目、11行目 <h2 class="break">
2015.12.07
1刷 385
基本書式の初期値		 2刷 済
誤 nowrap（IE10の場合は「none」）
正 nowrap
2015.07.30
1刷 394
基本書式の値		 2刷 済
誤 ▲………実数値+単位、パーセント値+%、auto、none
正 ▲………実数値+単位、パーセント値+%、auto
2015.07.30
1刷 398
基本書式の値		 2刷 済
誤 ★………ex-growの値（割り当てる余白の割合） ◆………ex-shrinkの値（縮小する割合） ▲………ex-basisの値（基本の幅）
正 ★………ex-growの値（割り当てる余白の割合） ◆………ex-shrinkの値（縮小する割合） ▲………ex-basisの値（基本の幅） none
2015.07.30
1刷 438
「キーフレームの指定」の4行目		 2刷 済
誤 「100%」または「end」となり、
正 「100%」または「to」となり、
2015.07.30
1刷 444
「HTML Source」2行目		 未 未
誤 <div><div id="test2">sample</div>
正 <div>sample</div>
2015.12.04
1刷 450
「ブラウザごとの指定方法と対応」の「プロパティ」（8か所）		 2刷 済
誤 interation
正 iteration
2015.07.30
1刷 469
本文21行目		 未 未
誤 要素をＸ軸方向へ拡大
正 要素をＺ軸方向へ拡大
2015.12.07
1刷 480
「CSS Source」の「#container1」内の2～3行目		 2刷 済
誤 
#container1 {
   border: 2px solid rgb(169, 169, 169);
   -webkit-perspective: none;
   perspective: none;
}
正 
#container1 {
   border: 2px solid rgb(169, 169, 169);
}
備
考		 perspective系の指定を削除します。
2015.07.30
1刷 481
「CSS Source」の「#container2」内の3～4行目		 2刷 済
誤 
#container2 {
   left: 250px;
   border: 2px solid rgb(169, 169, 169);
   -webkit-perspective: 500px;
   perspective: 500px;
}
正 
#container2 {
   left: 250px;
   border: 2px solid rgb(169, 169, 169);
}
備
考		 perspective系の指定を削除します。
2015.07.30

関連情報