ホームページビルダー１６、表の枠線が消せない原因

ホームページビルダー１６ではフルＣＳＳテンプレートを使用すると、大変綺麗なホームページが簡単に
作成できます。

しかし、フルＣＳＳテンプレートを使っていて、表の枠線が消せない現象が発生しました。
以下、ホームページビルダー１６、表の枠線が消せない原因と対策を記載して行きます。
（編集スタイル：スタンダード）

（項目１）
　・フルＣＳＳテンプレートを使用した再現手順を下記に示します。
　・新規作成→フルＣＳＳテンプレートを選び、サイトを作成しました。
　・表　→　表の挿入　で表を作成しました。
　・以下の様になりました。
　　

（項目２）
　・ここで表の枠線を消そうとして、右クリック　→　属性の変更　→　表　→　枠表示をＯＦＦ
　　に設定しました。
　・設定変更後は、以下の画像です。
　　

　・枠線は消せませんでした。これは外部ＣＳＳで制御されている為と思われます。

（項目３）
　・ホームページビルダー１６、表、枠線、消せないをキーワードにして、インターネットで調べると
　　[051836]フルCSSテンプレートで表の枠を消したいが見つかりました。
　・これはＣＳＳを変更する方法でした。

（項目４）
　・以下は、ＨＴＭＬソースを変更する方法を記載して行きます。
　・最初に表の構成を説明します。表は行とセルを含んでおり、下記の関係になります。


　・表、行、セルはＨＴＭＬソースでは要素と呼び、次の様になります。
　　表　：　table
　　行　：　tr
　　セル：　td

（項目５）
　・枠線を変更するには、表、行、セルのボーダー(border)を変更する必要があります。
　・ボーダー(border)の事を、ＨＴＭＬソースでは属性と言います。
　・その他の属性として、マージン(margin)、パディング(padding)なども有ります。
　・ボーダー(border)、マージン(margin)、パディング(padding)は、以下の関係にあります。
　　

（項目６）
　・枠線変更前のＨＴＭＬソースです。
　　<table border="1">
　　　　<tbody>
　　　　　　<tr>
　　　　　　　　<td>&nbsp;</td>
　　　　　　　　<td>物性Ａ</td>
　　　　　　　　<td>物性Ｂ</td>
　　　　　　　　<td>物性Ｃ</td>
　　　　　　</tr>
　　　　　　<tr>
　　　　　　　　<td>ロット１</td>
　　　　　　　　<td>１００</td>
　　　　　　　　<td>２０</td>
　　　　　　　　<td>８０</td>
　　　　　　</tr>
　　　　</tbody>
　　</table>

（項目７）
　・外部ＣＳＳで制御されている為、「style="border-style : none;」を追記します。
　・枠線変更後のＨＴＭＬソースです。
　　<table border="1" style="border-style : none;">
　　　　<tbody>
　　　　　　<tr style="border-style : none;">
　　　　　　　　<td style="border-style : none;">&nbsp;</td>
　　　　　　　　<td style="border-style : none;">物性Ａ</td>
　　　　　　　　<td style="border-style : none;">物性Ｂ</td>
　　　　　　　　<td style="border-style : none;">物性Ｃ</td>
　　　　　　</tr>
　　　　　　<tr style="border-style : none;">
　　　　　　　　<td style="border-style : none;">ロット１</td>
　　　　　　　　<td style="border-style : none;">１００</td>
　　　　　　　　<td style="border-style : none;">２０</td>
　　　　　　　　<td style="border-style : none;">８０</td>
　　　　　　</tr>
　　　　</tbody>
　　</table>

（項目８）
　・枠線変更後の画像です。枠線を消す事ができました。
　　

（項目９）
　・以上で、ホームページビルダー１６、表の枠線が消せない原因と対策は終了です。