戻る

border, frame, rules属性

表の外枠と罫線を設定する。 主にTABLE要素で用いられる。

属性

frame属性
外枠の表示させる部分を指定する。
void外枠無し
above上端のみ
below下端のみ
hsides上端と下端のみ
sides左右両端のみ
lhs左端のみ
rhs右端のみ
box周囲全て
border周囲全て(= box)
rules属性
コマの間の罫線を表示させる部分を指定する。
none罫線無し
groups行グループ(THEAD, TBODY, TFOOTで区切ったもの : 後述)と列グループ(COLGROUPでグループ化したもの : 後述)の間のみ。
rows罫線を行間に(横方向に)表示する
cols罫線を列間に(縦方向に)表示する
all全ての行間、列間に表示する。
border
表を囲む枠線の太さを設定する。 frame属性を設定した場合、frame属性の太さのみ変更する。rules属性には影響を与えない。

例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/tr/html4/strict.dtd">
<HTML lang="ja">
  <HEAD>
    <TITLE>秋葉教萌派幹部対決! E君対K教授</TITLE>
    <!-- ここには HEAD 要素に含まれるべき物があるんですよ -->
  </HEAD>
  <BODY>
    <!-- ここが本文 -->
    <TABLE summary="秋葉教萌派幹部対決! E君対K教授"
           border="3" width="90%" rules="groups" frame="box">
    <CAPTION><EM>秋葉教萌派幹部対決! E君対K教授</EM></CAPTION>
      <COLGROUP>
      <COLGROUP span="5" title="E君の評価5列をグループ化">
      <COLGROUP span="5" title="K教授の評価5列をグループ化">
      <THEAD>
	<TR><TH><BR><TH colspan="5">E君<TH colspan="5">K教授
        <TR title="5段階評価"><TH>評価項目<TH>5<TH>4<TH>3<TH>2<TH>1<TH>5<TH>4<TH>3<TH>2<TH>1
      <TBODY>
        <TR><TH>萌え出力<TD>*<TD><TD><TD><TD><TD><TD><TD><TD><TD>*
        <TR><TH>学歴<TD><TD><TD>*<TD><TD><TD>*<TD><TD><TD><TD>
        <TR><TH>経済力<TD><TD><TD><TD>*<TD><TD>*<TD><TD><TD><TD>
    </TABLE>
    <EM>すこしは分りやすくなったかな?</EM>
  </BODY>
</HTML>

例をHTMLにしてみました。

戻る