- HTML5サンプル
- CSS3サンプル

## サンプルソースのご利用について

「HTML5&CSS3辞典」のリファレンスで掲載しているサンプルソースです。
ソースの詳細については本書をご覧ください。ソースは本書掲載のものと同様ですが、一部、掲載時には省略した内容が含まれています。

これらのサンプルソースおよび画像ファイルは、本書の理解を助けるために提供されています。素材集としての配布ではありませんので、画像ファイル等を別の目的で使用・配布することは禁止されています。

本書に関する最新情報は、『Web辞典シリーズ』のホームページをご覧ください。

### CSS3サンプルソース

背景とボーダー
  サンプルはこちら
ボックス
  サンプルはこちら
色とグラデーション
  サンプルはこちら
テキスト
  サンプルはこちら
フォント
  サンプルはこちら
段組み
  サンプルはこちら
フレキシブル・ボックス
  サンプルはこちら
トランジション
  サンプルはこちら
アニメーション
  サンプルはこちら
変形
  サンプルはこちら

#### 背景とボーダー

- 01背景画像を複数指定したい
- 02背景を表示する範囲を指定したい
- 03背景画像の基準の位置を指定したい
- 04背景画像のサイズを指定したい
- 05角丸を個別に指定したい
- 06角丸のプロパティを
  一括して指定したい
- 07ボーダーに画像を指定したい
- 08ボーダー画像の繰り返し方法
  を指定したい

#### ボックス

- 01ボックスに影を付けたい
- 02内容があふれる場合の横方向の
  表示方法を指定したい
- 03内容があふれる場合の縦方向の
  表示方法を指定したい
- 04幅と高さの算出方法を指定したい
- 05アウトラインとボーダーとの間隔を指定したい
- 06要素のサイズを変更できるようにしたい

#### 色とグラデーション

- 01透明度を指定したい
- 02線形のグラデーションを指定したい
- 03円状のグラデーションを指定したい

#### テキスト

- 01テキストに影を付けたい
- 02単語の途中の改行方法を指定したい
- 03テキストがあふれる場合の表示方法を指定したい

#### フォント

- 01フォントサイズを調整したい
- 02Webフォントを使いたい

#### 段組み

- 01段の数を指定したい
- 02段の横幅を指定したい
- 03段の横幅と数を一括して指定したい
- 04段の間隔を指定したい
- 05段の境界線を指定したい
- 06段の境界線の幅を指定したい
- 07段の境界線の色を指定したい
- 08段の境界線のプロパティを一括して指定したい

#### フレキシブル・ボックス

- 01フレキシブル・ボックスを指定したい
- 02ボックスのレイアウト方向を指定したい
- 03ボックスの並び順を指定したい
- 04ボックスの並び順を個別に指定したい
- 05ボックスを揃える位置を指定したい
- 06各ボックスに割り当てる余白の比率を指定したい
- 07ボックスを寄せる位置を指定したい

#### トランジション

- 01トランジション効果を付けたい
- 02トランジションにかける時間を指定したい
- 03トランジションの変化のパターンを指定したい
- 04トランジションを遅れて開始させたい
- 05トランジションのプロパティを一括して指定したい

#### アニメーション

- 01アニメーションのキーフレームを設定したい
- 02利用するキーフレームを指定したい
- 03アニメーションを実行する時間を指定したい
- 04アニメーションの速度パターンを指定したい
- 05アニメーションを実行する回数を指定したい
- 06アニメーションを繰り返す方向を指定したい
- 07アニメーションを遅れて開始させたい
- 08アニメーションのプロパティを一括して指定したい

#### 変形

- 01要素に変形効果を付けたい
- 02変形の基点を指定したい

##### 本書について

HTML&CSS3タグ辞典
著者／株式会社アンク
発行／株式会社翔泳社
2011年6月刊行

上部に戻る