『CSS辞典 第5版 [CSS2/3/4対応]』のリファレンスで掲載しているサンプルソースです。
ソースの詳細については本書をご覧ください。ソースは本書掲載のものと同様ですが、一部、掲載時には省略した内容が含まれています。
これらのサンプルソースおよび画像ファイルは、本書の理解を助けるために提供されています。
素材集としての配布ではありませんので、画像ファイル等を別の目的で使用・配布することは禁止されています。
本書に関する最新情報は、
『Web辞典シリーズ』のホームページ
をご覧ください。
サンプルファイル
<テキスト>
行の高さを指定したい
文字の垂直位置を指定したい
行揃えを指定したい
最終行の行揃えを指定したい
均等割り付けの形式を指定したい
文字間隔を指定したい
単語間隔を指定したい
一行目にインデントを挿入したい
タブ幅を指定したい
空白や改行の表示方法を指定したい(1)
空白や改行の表示方法を指定したい(2)
単語内での改行方法を指定したい
単語の途中の改行方法を指定したい
禁則処理を適用したい
ハイフネーションを指定したい
ハイフネーションを行わない余白のサイズを指定したい
ハイフネーションの最少文字数を指定したい
ハイフネーションが連続できる行数を指定したい
テキストがあふれる場合の表示方法を指定したい
テキストの書字方向を指定したい
縦書き・横書きを指定したい
大文字・小文字に変換したい
テキストに線を付けたい
テキストに付ける線のスタイルを指定したい
圏点を指定したい
文字に影を付けたい
戻る
<フォント>
フォントを指定したい
フォントの太さを指定したい
フォントの幅を指定したい
フォントを斜体にしたい
フォントサイズを指定したい
フォントサイズを調整したい
スモールキャップスを指定したい
フォントのプロパティを一括指定したい
システムフォントで表示させたい
Webフォントを使いたい
戻る
<色と画像>
文字色を指定したい
透明度を指定したい
線状のグラデーションを指定したい
円形(放射状)のグラデーションを指定したい
グラデーションの繰り返しを指定したい
フィルタをかけたい
画像を合成して表示したい
HTML要素を画像として使いたい
戻る
<背景とボーダー>
背景色を指定したい
背景画像を指定したい
背景画像の繰り返し方法を指定したい
背景画像を固定したい
背景画像の位置を指定したい
背景を表示する範囲を指定したい
背景画像の基準の位置を指定したい
背景画像のサイズを指定したい
背景のプロパティを一括指定したい
背景画像を複数指定したい
ボーダーの幅を指定したい
ボーダーの種類を指定したい
ボーダーの色を指定したい
ボーダーごとにプロパティを一括して指定したい
ボーダーのプロパティを一括して指定したい
角丸を指定したい
ボーダーに使用する画像を指定したい
ボーダーに使用する画像の分割位置を指定したい
ボーダー画像の幅を指定したい
ボーダー画像の領域を広げたい
ボーダー画像の繰り返し方法を指定したい
ボーダー画像を一括して指定したい
ボックスが分断されるときの表示方法を指定したい
戻る
<ボックス>
マージンを指定したい
パディングを指定したい
内容領域の幅と高さを指定したい
内容領域の最大・最小の幅を指定したい
内容領域の最大・最小の高さを指定したい
幅と高さの算出方法を指定したい
ボックスに影を付けたい
アウトラインを表示したい
アウトラインとボーダーとの間隔を指定したい
要素のサイズを変更できるようにしたい
戻る
<レイアウト>
要素の表示形式を指定したい
配置方法を指定したい
要素の位置を指定したい
回り込みを指定したい
回り込みを解除したい
要素の重なる順序を指定したい
表示・非表示を指定したい
内容があふれる場合の表示方法を指定したい
見える範囲を指定したい
戻る
<リスト>
リストのマークを指定したい
リストのマークに画像を指定したい
リストのマークの配置を指定したい
リストのマークを一括して指定したい
戻る
<テーブル>
表の表示方法を指定したい
セルのボーダーの表示形式を指定したい
セルのボーダーの間隔を指定したい
空セルのボーダーの表示・非表示を指定したい
キャプションの位置を指定したい
戻る
<段組み>
段の数を指定したい
段の幅を指定したい
段の幅と数を一括して指定したい
段の間隔を指定したい
段を区切る線を指定したい
段にまたがる表示を指定したい
段同士の高さのバランスを指定したい
段組みの改ページや改段方法を指定したい
戻る
<フレキシブルボックスレイアウト>
フレキシブルボックスレイアウトを使いたい
レイアウトの方向を指定したい
アイテムを複数の行に配置したい
レイアウトの方向と行数を一括して指定したい
アイテムの並び順を指定したい
アイテムの幅の増減を個別に指定したい
アイテムの幅の増減を一括して指定したい
主軸方向の配置方法を指定したい
交差軸方向の配置方法を指定したい
複数行の場合の交差軸方向の配置方法を指定したい
戻る
<グリッドレイアウト>
グリッドレイアウトを使いたい
グリッドの列と行を定義したい
グリッドアイテムを配置したい
複数のグリッドセルに配置したい
グリッドアイテムの配置方法を指定したい
戻る
<リージョンレイアウト>
リージョンレイアウトを使いたい
戻る
<エクスクルージョン>
除外要素を指定したい
除外要素の周りの余白を指定したい
除外要素への回り込みを制御したい
戻る
<トランジション>
トランジション効果を付けたい
トランジションにかける時間を指定したい
トランジションの速度のパターンを指定したい
トランジションを遅れて開始させたい
トランジションのプロパティを一括して指定したい
戻る
<アニメーション>
アニメーションのキーフレームを設定したい
利用するキーフレームを指定したい
アニメーションを実行する時間を指定したい
アニメーションの速度のパターンを指定したい
アニメーションを実行する回数を指定したい
アニメーションを実行する方向を指定したい
アニメーションの実行・一時停止を指定したい
アニメーションを遅れて開始させたい
アニメーションの待機中や完了後のスタイルを指定したい
アニメーションのプロパティを一括して指定したい
戻る
<変形>
要素に2次元の変形効果を付けたい
2次元の変形の基点を指定したい
要素に3次元の変形効果を付けたい(1)
要素に3次元の変形効果を付けたい(2)
3次元の変形の基点を指定したい
3次元上での子要素の描画方法を指定したい
子要素を透視図法で表示したい
子要素の透視図法の視点を変更したい
要素の裏面の表示方法を指定したい
戻る
<その他>
カーソルの形状を指定したい
前後に内容を追加したい
引用符を指定したい
自動的に番号を振りたい
改ページを指定したい
改ページの前後に残す行数を指定したい
戻る