ビデオ: [Learn Dreamweaver CS6] 05 可変グリッドレイアウト 2025
CSS（カスケーディングスタイルシート）を使用して、Adobe Dreamweaver CS6のプロパティインスペクタを使用するほか、テーブル全体または個々のテーブルセル（およびコンテンツ）をフォーマットできます。ほとんどの場合、これはマークアップ、コンテンツ、および審美的に喜ばせるために使用された実際のスタイリングの間の分離を維持するので、より良い方法と考えられます。
CSSを使用すると、次のように表をフォーマットできます。
<！ - 1 - >-
プロパティインスペクタまたはCSSスタイルパネルのいずれかからCSSクラスルールを作成します。
-
「種類」カテゴリで、表のテキストのサイズと色を選択します。
-
[CSSルール定義]ダイアログボックスの[背景]カテゴリで、[背景色]プロパティを使用して表に背景色を割り当て、[OK]をクリックします。
-
新しいクラススタイルを適用するテーブルを選択します。
<！ - 2 - > -
プロパティインスペクタのクラスドロップダウンリストを使用してクラスを割り当てます。
テーブル全体が新しいフォーマットを採用します。
プロパティインスペクタを使用して個々のセルを色付けおよび揃える方法と同様に、CSSルールを作成してテーブルセルに適用することができます。ほとんどの場合、これはHTML属性に依存するよりも優れた方法です。これを行うには、次の手順に従います。
<！ - 3 - >-
プロパティインスペクタまたはCSSスタイルパネルのいずれかからCSSクラスルールを作成します。
-
背景カテゴリで、背景色を選択します。
-
ブロックカテゴリで、[垂直整列]ドロップダウンリストから[中]を選択し、[テキスト整列]ドロップダウンリストから[中央]を選択し、[OK]をクリックします。
-
新しいクラスを適用するテーブルセルを選択します。
-
プロパティインスペクタで、クラスドロップダウンリストを探し、新しいクラスを選択します。
書式の選択肢が表のセルに適用されます。
