HTML表およびセルの書式設定

JDeveloper設計ツールを使用して、HTML表、行、列およびセルのプロパティを設定します。プロパティ・インスペクタ、「表の編集」ダイアログまたはビジュアル・エディタのツールバーを使用して、表要素プロパティを設定できます。

書式設定時の優先順位

設計ツールを使用して表の書式設定を行う際には、表全体に適用されるプロパティと、表で選択したセル、行または列のみに適用されるプロパティを定義できます。背景色や位置などのプロパティに、表全体と個々の表セルとで異なる値を設定する場合、書式設定情報には次の優先順位が適用されます。

  1. 表のセル(<td>タグ)
  2. 表の行(<tr>タグ)
  3. 表(<table>タグ)

したがって、個々のセルに緑の背景色を指定した後、表全体の背景色を赤に設定しても、<td>タグは<table>タグより優先順位が高いため、緑のセルは赤に変わりません。

プロパティ・インスペクタを使用して表とセルのプロパティを設定するには、次のようにします。

  1. ビジュアル・エディタで表、行またはセルを選択するか、構造ウィンドウで対応する<table><tr>または<td>を選択します。方法
    選択した要素のプロパティ値がプロパティ・インスペクタに表示されます。プロパティ・インスペクタが表示されていない場合は、「表示」 次の選択 「プロパティ・インスペクタ」を選択するか、ショートカット([Ctrl]+[Shift]+[I])を使用します。
  2. 設定するプロパティが表示されるまでスクロールし、マウスまたは矢印キーでそれを選択します。プロパティ・インスペクタの下部にプロパティの簡単な説明が表示されます。

    ヒント: 長いリストの中からプロパティを素早く見つけるには、プロパティ・インスペクタ・ツールバーの検索ボタンをクリックします。「検索」テキスト・フィールドにプロパティ名を入力し、[Enter]を押します。

  3. 右側の列に、次のいずれかの方法でプロパティ値を入力します。

「表の編集」ダイアログを使用して表とセルのプロパティを設定するには、次のようにします。

  1. ビジュアル・エディタで表、行またはセルを選択するか、構造ウィンドウで対応する<table><tr>または<td>を選択します。
  2. 選択した表を右クリックし、「タグの編集」を選択します。
  3. プロパティ・エディタでサイズとレイアウトの属性を設定し、「OK」をクリックします。

ビジュアル・エディタ・ツールバーを使用して表とセルのプロパティを設定するには、次のようにします。

  1. ビジュアル・エディタで表、行またはセルを選択するか、構造ウィンドウで対応する<table><tr>または<td>を選択します。
  2. ツールバーを使用して、次のように表要素プロパティを設定します。
ツールバー・ボタン
表プロパティ
背景色ツールバー・ボタン 「背景色」では、選択した色が表、行またはセルに適用されます。
位置揃えツールバー・ボタン 「左揃え」「中央揃え」および「右揃え」では、選択した表にそれぞれの位置が適用されます。
「インデント」ツールバー・ボタン 「アウトデント」ツールバー・ボタン 「インデント」および「アウトデント」では、<blockquote>タグを適用するか削除することにより、選択した表がインデントされるか、インデントが解除されます。

ツールバーを使用して、表、行、列またはセル内のテキスト・プロパティを設定します。方法


HTMLページの操作
Webページおよび設計ツールの操作
JSPページの操作
スクリプト言語の操作