Pocket詳解 HTML5&CSS3辞典

概 要

次世代標準規格HTML5とCSS3の概要や機能をわかりやすく解説したポケットサイズの辞典です。次世代標準規格HTML5とCSS3はどちらもまだ仕様の確定していない開発途中の技術であり、ブラウザのサポートも十分とはいえませんが、海外のサイトを中心に徐々に使われはじめています。そこで本書では、HTML5とCSS3入門の第一歩として、新規要素や変更要素のなかから現時点で使える機能をピックアップし、全体像をパッと見てすぐにつかめるようにわかりやすく解説しました。機能から引ける便利な辞典形式です。主要ブラウザの対応表付き。

著者 大藤幹
価格 本体1400円(税別)
ISBN 978-4-7980-2708-1
発売日 2010/8/24
判型 四六
色数 4色
ページ数 292
CD/DVD
対象読者 初級
シリーズ Pocket詳解辞典
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

※リンク先によっては、販売ページが用意されていないことがあります。あらかじめご了承ください。

新しいウィンドウで開く 書籍購入のご案内

サポート

サポート情報は以下からご参照下さい。

サポート情報へのリンク

目次

第1章 HTML5

About

HTML5の概要

HTML5について

HTML5の基礎知識

追加・変更・削除された要素

見出しとセクション

要素の分類

グローバル属性

IEに新しい要素を認識させる方法

HTML5の文法チェック

HTML

基本要素

ルート要素 html

文書情報 head

文書内容 body

文書情報

文書タイトル title

メタデータ meta

基準URL base

外部ファイルとの関係 link

スタイルシート style

スクリプト script

スクリプトの代替コンテンツ noscript

セクション

セクション section

内容が完結しているセクション article

メインコンテンツ外のセクション aside

ナビゲーションのセクション nav

ヘッダ・フッタ

ヘッダ header

フッタ footer

連絡先 address

見出し

見出し h1~h6

見出しのグループ化 hgroup

グルーピング

汎用要素(フロー・コンテンツ) div

段落 p

リスト(番号なし) ul

リスト(番号あり) ol

リスト項目 li

用語解説リスト dl

用語解説リストの用語 dt

用語解説リストの解説文 dd

引用文(フロー・コンテンツ) blockquote

整形済みテキスト pre

図版 figure

図版のキャプション figcaption

内容的な区切り hr

テキスト

汎用要素(フレーズ・コンテンツ) span

ハイパーリンク a

引用文(フレーズ・コンテンツ) q

引用・言及した作品のタイトル cite

定義対象の用語 dfn

略語 abbr

日付・時間 time

重要 strong

強調 em

参照目的の強調表示 mark

スモール・プリント small

一般に太字の部分 b

一般にイタリック体の部分 i

上付き文字 sup

下付き文字 sub

コンピュータが認識可能な文字列 code

変数 var

コンピュータによる出力 samp

ユーザーが入力する内容 kbd

改行 br

改行可能位置 wbr

文字表記の方向 bdo

ルビ ruby

ルビとして表示させるテキスト rt

ルビを表示できない環境用のカッコ rp

追加・削除

追加されたテキスト ins

削除されたテキスト del

コンテンツの組み込み

画像 img

音声 audio

動画 video

audio要素・video要素の代替データ source

ビットマップの動的グラフィック canvas

汎用組込み要素 object

パラメータ param

プラグインを使った組み込み embed

インライン・フレーム iframe

イメージマップの定義 map

イメージマップの領域設定 area

表 table

表のタイトル caption

表の横一列全体 tr

表の見出しセル th

表のデータセル td

tr要素のグループ化(表ヘッダ) thead

tr要素のグループ化(表本体) tbody

tr要素のグループ化(表フッタ) tfoot

表の縦列 col

表の縦列のグループ化 colgroup

フォーム

フォーム form

入力・選択用の各種部品 input

複数行の入力フィールド textarea

ボタン button

メニュー(複数項目からの選択) select

選択肢 option

選択肢のグループ化 optgroup

他の部品用の選択肢リスト datalist

各種フォーム部品のグループ化 fieldset

フォーム部品のグループのタイトル legend

フォーム部品の項目名 label

他の部品から導き出された計算結果 output

公開鍵用キーペアの生成 keygen

進行状況(プログレスバー) progress

メーター(特定範囲内での位置) meter

インタラクティブ

特定の操作で表示される詳細情報 details

details要素の初期表示情報 summary

命令メニュー menu

命令 command

第2章 CSS3

About

CSS3の概要

CSS3について

ベンダープレフィックスについて

CSS

メディアクエリー

CSS適用対象の詳細な指定 media属性/@media

Webフォント

サーバー上のフォントを指定 @font-face

セレクタ

属性値の始まりが一致 要素[属性名^="開始文字列"]

属性値の終わりが一致 要素[属性名$="終了文字列"]

属性値の一部に含まれる 要素[属性名*="含まれる文字列"]

ルート要素 要素:root

前から一定の個数おき 要素:nth-child()

後ろから一定の個数おき 要素:nth-last-child()

前から一定の個数おき(同一要素のみ対象) 要素:nth-of-type()

後ろから一定の個数おき(同一要素のみ対象) 要素:nth-last-of-type()

最初の要素(同一要素のみ対象) 要素:first-of-type

最後の要素(同一要素のみ対象) 要素:last-of-type

最後の要素 要素:last-child

1つだけの子要素 要素:only-child

1つだけの子要素(同一要素のみ対象) 要素:only-of-type

子要素がない要素 要素:empty

ターゲット先の要素 要素:target

disabled状態ではない要素 要素:enabled

disabled状態の要素 要素:disabled

checked状態の要素 要素:checked

セレクタに該当しない要素 要素:not(セレクタ)

最初の行 要素::first-line

最初の文字 要素::first-letter

直前に挿入した内容 要素::before

直後に挿入した内容 要素::after

ユーザーによる選択範囲 要素::selection

要素1よりも後にある要素2 要素1 ~ 要素2

RGBA(RGB+透明度) rgba()

HSLA(HSL+不透明度) hsla()

グラデーション linear-gradient()

不透明度 opacity

背景

背景画像の複数指定 background

背景をボーダーの下に表示させるかどうか background-clip

背景画像の基準位置の設定 background-origin

背景画像のサイズ指定 background-size

テキスト

テキストに影をつける text-shadow

収まりきらないときは「...」を表示する text-overflow

単語の途中でも行を折り返す word-wrap

ボーダー

角丸の個別指定 border-○○○-○○○-radius

角丸の一括指定 border-radius

ボーダーに画像を表示させる border-image

ボックス

ボックスに影をつける box-shadow

width・heightにボーダーも含めるかどうか box-sizing

ボーダーとアウトラインの間隔 outline-offset

ユーザーによるリサイズを可能にする resize

段組みレイアウト

段の数 column-count

段の幅 column-width

段と段の間隔 column-gap

段の境界線の色 column-rule-color

段の境界線の線種 column-rule-style

段の境界線の太さ column-rule-width

段の境界線の一括指定 column-rule

フレキシブル・ボックスレイアウト

フレキシブル・ボックスレイアウトにする display

ボックスを横に並べるか縦に並べるか box-orient

ボックスを逆方向から並べる box-direction

ボックスの並ぶ順序を個別に設定する box-ordinal-group

ボックスを上・中央・下に揃える box-align

ボックスを左・中央・右に揃える box-pack

各ボックスに割り当てる幅の比率 box-flex

移動・回転・拡大縮小・傾斜

移動・回転・拡大縮小・傾斜 transform

transformの基準点を設定 transform-origin

スムーズな変化

スムーズに変化させるプロパティの指定 transition-property

変化にかける時間 transition-duration

速度の変化パターン transition-timing-function

スムーズな変化を遅れて開始させる transition-delay

スムーズな変化の一括指定 transition

アニメーション

キーフレームを設定して名前をつける @keyframes

実行させるキーフレームを指定 animation-name

アニメーションの時間 animation-duration

アニメーションの速度の変化パターン animation-timing-function

アニメーションを繰り返す回数 animation-iteration-count

繰り返しの際に逆再生で戻す animation-direction

アニメーションを遅れて開始させる animation-delay

アニメーションの一括指定 animation

PR

秀和システム