1. ホーム
  2. Web制作
  3. HTML/Xhtml

テーブルの枠線/セルの区切り線を非表示にする方法

2022-01-30 15:49:12
上の枠線だけを表示する <table frame=above>
下枠のみ表示 <table frame=below>
左右のフレームのみを表示する <table frame=vsides>
上下のボーダーのみを表示する <table frame=hsides>
左ボーダーのみを表示する <table frame=lhs>
右フレームのみ表示する <table frame=rhs>
ボーダーを表示しない <table frame=void>
セルの仕切りを表示・非表示にする仕掛けは、罫線、<TABLE>タグの中に罫線があります。これには3つのパラメータ(cols,rows,none)があり、rules=colsのときは縦の区切り線を隠して、表の行だけを見えるようにし、rules=rowsのときは横の区切り線を隠して、表の列だけを見えるようにし、rules=noneのときは縦も横も全て隠します。
縦の仕切りを削除する <table rules=cols>
水平方向の仕切りを削除する <table rules=rows>
縦・横の仕切りを削除する <table rules=none>