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

表には、表示したいボーダーラインのコードが表示されます

2022-01-09 22:43:04

<フォント テーブルの共通プロパティ

基本属性は、width(幅)、height(高さ)、border(枠線の値)、celspacing(表の内側の幅、つまり表とtrの間隔)、cellpadding(表内の要素の間隔、つまり, の間隔)、 bordercolorlight(表の明るいボーダー色)、 bordercolordark(表の暗いボーダー色)、 bgcolor(表の背景色)、 background(表の背景画像)、 bordercolor(表のボーダー色)。

<フォント テーブル内部セパレータのプロパティ

この役割は、3つの値(cols,rows,none)を持つrulesパラメータが担っています。

rules=colsとすると、水平方向の仕切りが隠され、表の列だけが見えるようになります。

rules=rowsの場合、垂直方向の仕切りは隠され、つまりテーブルの行だけが見える。

rules=noneの場合、縦と横の仕切りが隠れ、表の外枠だけが見えるようになります

<フォント 外形仕切りのプロパティ

フォームの外枠の表示・非表示は、frameパラメータで制御します。注:テーブルの外枠のみ動作し、内枠や行は動作しません

上部のボーダーのみを表示する

下枠のみ表示

<テーブル

左右のフレームのみ表示する

<テーブル

上下のボーダーのみを表示する

<テーブル

左のボーダーのみを表示する

<テーブル

右枠のみ表示

<テーブル

ボーダーを表示しない

<テーブル
XML/HTMLコード 内容をクリップボードにコピーする
  1. <スパン < テーブル 概要 = 学生番号、氏名、連絡先、住所など、学生のリストです。 >
  2. <スパン <スパン <

    キャプション > 学生リスト <スパン <

    キャプション >
  3. <スパン <スパン <

    テード >
  4. <スパン <スパン <

    th スコープ = col" > 番号 < th >
  5. <スパン <スパン <

    th スコープ = col" > 名称 <

    th >
  6. <スパン <スパン <

    th スコープ = col" > 連絡先電話番号 < th >
  7. <スパン <スパン <

    th スコープ = col" > 所在地 <

    th >
  8. <スパン <スパン <

    テード >
  9. <スパン <スパン <

    tfoot >
  10. <スパン <スパン <

    td コルスパン = "4" > <スパン クラス担任の先生 < td >
  11. <スパン <スパン <

    tfoot >
  12. <スパン <スパン <

    本体 >
  13. <スパン <スパン <

    tr >
  14. <スパン <スパン <

    td > [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...] [...]