このFAQは、サポート対象外の操作を含む、上級者向けの内容です。お客様の責任のもと、ご利用ください。
フルCSSテンプレートから作成したページで表の枠を消すには、CSS（スタイルシート）を使います。
操作は次の流れで行います。
▼注意
ホームページ・ビルダーではCSS（スタイルシート）の編集についてはサポートしておりません。
お客様の責任で行っていただくようお願いいたします。
I 枠を消すクラスを定義する
外部スタイルシートを追加し、その中に表のクラスを定義します。クラスには、枠を消すルールを追加します。ここでは、外部スタイルシート名は「mystyle.css」、クラス名は「noborder」とします。
※外部スタイルシートを追加すると、拡張子「*.css」のCSSファイルが作成されます。
■操作
- 枠を消したい表があるページを開きます。
- ［表示-スタイルシート マネージャ］を選択します。
［スタイルシート マネージャ］ダイアログボックスが表示されます。
- ［埋め込まれたスタイルシート］を選択してから、［外部スタイルシートの追加］をクリックします。
［外部スタイルシートの選択］ダイアログボックスが表示されます。
- ［外部スタイルシート名］に「mystyle.css」、［挿入のタイプ］に「リンク」を指定し、［OK］をクリックします。
スタイルシート マネージャに戻ります。［スタイルシート情報］に「mystyle.css」が追加されます。
- 「mystyle.css」が選択されていることを確認してから、［ルール情報］の下にある［追加］をクリックします。
［外部CSSファイルの更新確認］または［スタイルの設定］ダイアログボックスが表示されます。
- ［外部CSSファイルの更新確認］ダイアログボックスが表示される場合は、［次回から表示しない］にチェックを入れ［はい］をクリックします。
［スタイルの設定］ダイアログボックスが表示されます。
- HTMLタグ名に「table.noborder」と入力します。
※tableは、表をあらわすHTML タグです。表のクラスnoborderを定義し、noborderクラスのルールを設定します。
- ［レイアウト］タブをクリックします。
- ［4 方向ともに同じ値］を指定し、［ボーダー-スタイル］で「なし」を選択してから、［OK］をクリックします。
スタイルシート マネージャで、［ルール情報］に項目が追加されます。
- ［ルール情報］の下にある［追加］をクリックします。
［スタイルの設定］ダイアログボックスが表示されます。
- HTMLタグ名に「table.noborder th」と入力してから、「table.noborder」と同じスタイルを設定します。
※thは見出しセルをあらわすHTML タグです。noborderクラスの表に含まれる見出しセルにルールを設定します。
スタイルシート マネージャで、［ルール情報］に項目が追加されます。
- ［ルール情報］の下にある［追加］をクリックします。
［スタイルの設定］ダイアログボックスが表示されます。
- HTMLタグ名に「table.noborder td」と入力してから、「table.noborder」などと同じスタイルを設定します。
※tdはデータ セルをあらわすHTML タグです。noborderクラスの表に含まれるデータ セルにルールを設定します。
スタイルシート マネージャに戻ります。
- ［ルール情報］に３項目あることを確認し、［閉じる］をクリックします。
スタイルシート マネージャが閉じます。
II 表にクラスを適用する
定義したクラスを表に適用します。ここでは、noborderクラスを適用します。
■操作
- 枠を消したい表で、セルを選択します。
- メニューバーで［編集-属性の変更］を選択します。
［属性］ダイアログボックスが表示されます。
- ［タグ］が「表」であることを確認し、［表］タブをクリックします。
［属性-表］ダイアログボックスに切り替わります。
- ［スタイル］をクリックします。
表の［スタイルの設定］ダイアログボックスが表示されます。
- ［定義済みクラスの指定］の欄から「noborder」を選択して、
にします。
- ［OK］をクリックして［スタイル設定］ダイアログボックスを閉じ、［属性］ダイアログボックスも［OK］をクリックして閉じます。
表にnoborderクラスが適用され、枠が消えます。
■関連情報