方法 : Visual Web Developer で HTML テーブル要素のサイズを変更する
更新 : 2007 年 11 月
テーブルを作成した後、またはそのテーブルに要素を追加した後に、その要素またはテーブルそのもののサイズを変更できます。
.gif "メモ") メモ : |
|---|
行または列のサイズを変更する際に td 要素が高さまたは幅に異なる単位を使用している場合、テーブル エディタはすべての単位をピクセルに合わせます。 |
テーブル要素のサイズを変更するには
次の表に示す手順を実行します。
テーブル、行、列、またはセルの境界線をドラッグすると、サイズを変更している要素のサイズがウォーターマークに表示されます。
テーブル要素
サイズ調整
手順
テーブル
テーブル全体のサイズを調整する
サイズを変更するテーブルを選択し、そのサイズ変更ハンドルをドラッグします。
行
行の高さを調整する
行のサイズを変更すると、影響を受ける td 要素の高さスタイルも変わります。
[レイアウト] メニューの [サイズの変更] をクリックし、[行のサイズ変更] をクリックして [行のサイズ変更] ダイアログ ボックスを開きます。
ダイアログ ボックスには、その行の最初のセルにのみその高さを適用するオプションがあります。
行
行の高さ設定を解除する
行の高さ設定を解除すると、その行の高さはテーブル全体のサイズに合わせられます。
[レイアウト] メニューの [サイズの変更] をクリックし、[行のサイズ変更] をクリックして [行のサイズ変更] ダイアログ ボックスを開きます。
[すべての高さをクリア] チェック ボックスをオンにします。
列
列の幅を調整する
既定では、列のサイズを変更すると、影響を受けるすべての td 要素の幅スタイルが変わります。
[レイアウト] メニューの [サイズの変更] をクリックし、[列のサイズ変更] をクリックして [列のサイズ変更] ダイアログ ボックスを開きます。
ダイアログ ボックスには、その列の最初のセルにのみその幅を適用するオプションがあります。
列
列の幅設定を解除する
列の幅設定を解除すると、その列の幅はテーブル全体のサイズに合わせられます。
[レイアウト] メニューの [サイズの変更] をクリックし、[列のサイズ変更] をクリックして [列のサイズ変更] ダイアログ ボックスを開きます。
[すべての幅をクリア] チェック ボックスをオンにします。
セル
個々のセルのサイズを調整する
サイズを変更するセルを選択し、Shift キーを押しながら、セルの境界線をドラッグします。
メモ :
Shift キーを押さない場合、セルではなくその行全体のサイズが変更されます。