www.wanichan.com

テーブルおよびセルのサイズを調整するには

Section 3 テーブルの作成
  • このエントリーをはてなブックマークに追加
テーブル全体またはセルの幅のサイズは変更するためのもっとも簡単な方法は、マウスのドラッグ操作で行えますが、ダイアログボックスで設定もOKです。既定でテーブルを作成する場合、全体の幅が100%で挿入されます。この指定を解除する方法についても説明します。

テーブル全体幅の指定を解除する

  1. クイックタグセレクターバーの[<table>]ボタンをダブルクリックします。
  2. [テーブルのプロパティ]ダイアログボックスの[レイアウト]の[幅の指定]チェックボックスをオフにして、[OK]ボタンをクリックします。
  3. テーブルに入力されているテキストに合わせてセル幅が調整され、テーブル全体の幅も調整されました。

テーブルの新規作成時に幅を指定しないようにするには

既定ではテーブルの新規挿入時にはテーブルの横幅が100%に設定されますが、今後その幅の指定を解除したい場合は、[テーブルのプロパティ]ダイアログボックスの[レイアウト]の[幅の指定]チェックボックスをオフにし、[新しいテーブルの規定値として設定する]チェックボックスをオンにして[OK]ボタンをクリックします。

マウス操作でセルの幅を調整する

  1. セルとセルとの境界線にマウスポインタを移動すると、マウスポインタの形が双方向の矢印に変更されます。セルの幅を調整時は「列の幅 34px」というようなツールチップが表示され、セルの高さの場合は「行の高さ 25px」というようなツールチップが表示されます。
  2. 任意の方向にドラッグすることで、ツールチップにピクセル数が表示され、style属性に指定した値がピクセル単位で代入されます。
    ↓

マウス操作でテーブルのサイズを調整するには

テーブルの高さを調整するには、マウスポインタをテーブルの下辺に移動し、白い■のハンドルが表示されたらポイントします。「height:55px」というようなツールチップが表示されたら任意の方向にドラッグします。

一方、テーブルの幅を調整するには、テーブルの右辺のハンドルをポイントし、「width:100%」というようなツールチップが表示されたら任意の方向にドラッグします。

なお、右下に表示されるハンドルをドラッグすることで、テーブルの高さと幅を同時に変更することも可能です。

プロパティのダイアログボックスでサイズを調整する

  1. 対象となるテーブルまたはセルを選択し、[テーブルのプロパティ]または[セルのプロパティ]ダイアログボックスを表示します。
  2. 幅を指定する場合は[幅の指定]チェックボックスをオンにして、直接パーセントまたはピクセル単位で数値を指定します。
  3. 高さを指定する場合は[高さの指定]チェックボックスをオンにして、直接パーセントまたはピクセル単位で数値を指定します。
  4. [OK]ボタンをクリックします。
スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

▲このページのトップへ