ビービーカートコム　ヘルプ | 少し高度なレイアウト

更新作業

少し高度なレイアウト

1.テーブルを使用すると、右側と左側に違う段落のテキストエリアを配置することが可能です。


テーブルプロパティで3行2列に設定するとこのような表ができます。
この初期状態の場合、各セルの幅は中に入るテキストの量に応じて自動的に変化します。
一番上の行のセル内でカーソルを置き、右クリックし「セル」＞「セルプロパティ」を選択します。




このセルにのみ対応する設定ウィンドウが開きます。
幅を30パーセントに設定し、OKします。（ピクセルで設定しても構いません。）



左の列幅が30％になっています。このときその下にあるセルは自動的に一番上のセルと同じになります。
セルの中に指定した幅より大きい画像などを入れた場合は、セル幅が無理やり広げられることになります。
一見問題ないように見える場合もありますが、セルに入れるオブジェクトはセルの幅に対応するように作成してください。




各セルにテキストを入れると、文字はセルの左寄りの上下中央部分に配置されます。 
右寄せ・中央寄せにする場合は入力したテキストを選択した状態でツールバーの「***揃え」のボタンで設定します。
（セルプロパティの「セルの水平方向」でも設定することが出来ます。）
文字位置は各セルごとに設定を変えることが可能です。



「あ」の文字位置を「中央」の「上」に設定する場合
左のセル内で右クリックし、「セル」＞「セルプロパティ」を選択します。
左の水平方向の配置「中央」：文字や画像の横位置の設定です。
左の垂直方向の配置「上」：文字や画像の縦位置の設定です。




「OK」ボタンをクリックすると「あ」の文字が「中央の上」に配置されました。



次に「あ」のセルに「背景色」を付ける場合
左のセル内にカーソルを置き、右クリックで「セル」＞「セルのプロパティ」ウインドウを開き
右の背景色＞「色の選択」ボタンを押します。




「色の選択」ウィンドウが開きます。
①色のパレットから色をクリック、②の「ハイライト」に選択した色が表示されます。
選択された色は#ccccccで「OK」をクリックします。
③「セルのプロパティ」ウインドウに戻り、「背景色」に選択した色の番号（#cccccc）が表示されます。
「Ok」ボタンをクリックします。




指定されたセルの中に背景色が設定されました。