[テーブルパーツ]表の書式を設定する

テーブルパーツ・エディタでは、「全体」「行」「セル」に対して背景色や罫線、サイズなどの設定が行えます。背景色と罫線の設定はセルがもっとも優先されます。

セルの高さを初期化する

テンプレートから作成した表はあらかじめセルの高さが設定されています。ここでは高さの設定をリセットし、行数に合わせて自動調整させます。設定したいセルをドラッグして選択し、「セルの設定」の〈高さ〉をクリックして「delete」キーを押すことで、高さがリセットされます。
[テーブルパーツ]表の書式を設定する

高さの設定がリセットされました。

任意のセルの高さを設定したい場合は、〈高さ〉に数値を入力します。単位はピクセルです。

セルの幅を設定する

セルの幅は「px(ピクセル)」か「%」で設定できます。まず設定したいセルをドラッグして選択します。

[テーブルパーツ]表の書式を設定する

「セルの設定」で〈%〉を選択し[1]、表全体のサイズに対するパーセンテージを入力します[2]。ここでは3つのセルの幅をすべて「25%」に設定しています。選択していないセルには余りの幅が割り当てられます。

[テーブルパーツ]表の書式を設定する
 

表のタグを編集する

「セルの高さを初期化したにもかかわらず、最後の行だけ広がっている」などの場合、たいてい表内のテキストに余計なタグが追加されています。テーブルパーツ・エディタの〈HTMLソース〉をクリックし、HTMLソースエディタで確認してみましょう。

[テーブルパーツ]表の書式を設定する

表のHTMLソースを編集するには、HTMLの知識が必要です。不用意に操作すると表が壊れることがあるのでご注意ください。なお、HTMLについてのお問い合わせはサポート対象外となります。

セルの背景色を設定する

セルの色を設定するには、対象のセルをドラッグして選択し、「セルの設定」の〈背景色〉をクリックして[1]、色相を選び[2]、明るさと彩度を調整します[3]。目的の色になったら、表の編集エリアのどこかをクリックし、カラーが反映されます[4]。

[テーブルパーツ]表の書式を設定する

 

罫線を設定する

セルの罫線は「セルの設定」の下側にあるボタンで設定します。ボタンすべてが表示されていない場合は、テーブルパーツ・エディタのウィンドウを広げるか、ボタン部分を下にスクロールしてください。

[テーブルパーツ]表の書式を設定する

線の色

クリックすると線の色を選択できます。

線の種類

線の種類を「実線」「二重線」「破線」「なし」から選択できます。

〈太さ〉

ドラッグして線の太さを設定します。

設定する辺

セルの上下左右の辺のうち、どこに設定するかを指定します。

表の編集を終了する

テキストの色や配置を設定し、完成したら〈適用〉をクリックします。

[テーブルパーツ]表の書式を設定する

ブロックエディタを閉じる

ブロックエディタの〈適用〉をクリックし、〈閉じる〉をクリックします。
サイトエディタで結果を確認します。