A.T-MOON

contents

パンくずリスト

メッセージエリア



    テーブルのアトリビュート

メッセージエリア

table … テーブルの設定<table ココに属性>〜</table>
  • 【テーブル枠の幅】 <table width="幅">〜</table>
    px%autoで指定

  • 【テーブル枠の高さ】 <table height="高さ">〜</table>
    px%autoで指定

  • 【テーブル枠の色(内)】 <table bordercolor="色">〜</table>
    カラーコードカラーネームで指定

  • 【テーブル枠の色(外)】 <table style="border-color:色;">〜</table>
    カラーコードカラーネームで指定

  • 【テーブルの枠の太さ(外、一括)】 <table border="太さ">〜</table>
    pxで指定

  • 【テーブルの枠の太さ(外、個別)】 <table style="border-width:上,右,下,左;">
    の順で数値で指定

  • 【テーブルの線の種類(外)】 <table style="border-style:種類;">
    nonehiddensolidなどで指定

    線の種類
    • none … デフォルト
    • hidden … 線を表示しない
    • solid…実線
    • dotted … 点線
    • double … 二重線
    • dashed … 破線
    • groove … へこんだように見える線
    • ridge … 浮き上がったように見える線
    • inset … 内側がへこんで見える線
    • outset … 内側が浮き上がって見える線

  • 【テーブルの外枠の指定】 <table frame="種類">〜</table>
    voidaboveboxなどで指定

    線の種類
    • void … 外枠なし
    • above … 上のみ
    • below … 下のみ
    • vsides … 左右のみ
    • lhs … 左のみ
    • box … 外枠全て
    • border … 四辺の縁取り
  • 【テーブルの内枠の太さ】 <table cellspacing="太さ">
    pxで指定

  • 【セルの中身とセルの境界との距離】
    <table cellpadding="距離">
    pxで指定

  • 【テーブルの背景色】 <table bgcolor="色">
    カラーコードカラーネームで指定

  • 【テーブルの背景に画像】 <table background="画像のURL">
    画像ファイル名で指定

  • 【テーブル内の文字の種類】 <table style="font-family:種類;">
    フォント表参照

  • 【テーブル内の文字の大きさ】 <table style="font-size:大きさ;">
    1〜7の数値pxなどで指定

  • 【テーブル内の文字の色】 <table style="color:色;">
    カラーコードカラーネーム

  • 【テーブルの表示位置】 <属性 align="位置"><table>〜</table></属性>
    属性に範囲を指定するpdivspanが入ります

    <属性 style="位置"><table>〜</table></属性>
    属性に範囲を指定するpdivspanが入ります

    位置には"z-index:1; position:absolute; top:上からの位置; left:左からの位置;"のように
    スタイルシートを使っての詳細な指定ができます。

  • 【テーブルにタイトル】 <table><caption>ココにタイトル</caption></table>
    <table><caption align="位置">ココにタイトル</caption></table>
    とすることで、タイトルの文字の位置を指定できます。
    位置にはleftcenterrightが入ります

  • 【テーブルに見出し】 <table><th>ココに見出し</th></table>
    <table><th align="位置">ココに見出し</th></table>
    とすることで、タイトルの文字の位置を指定できます。
    位置にはleftcenterrightが入ります
tr … セルの設定<tr ココに属性>〜</tr>
  • 【セルの幅】 <tr width="幅">〜</tr>
    px%autoで指定

  • 【セルの高さ】 <tr height="幅">〜</tr>
    px%autoで指定

  • 【境界線の太さ】 <tr border="太さ">〜</tr>
    pxで指定

  • 【セルの背景色】 <tr bgcolor="色">
    カラーコードカラーネームで指定

  • 【セルの背景に画像】 <tr background="画像のURL">
    画像ファイル名で指定

  • 【セルの中身の表示位置(横位置)】 <tr align="位置">
    leftcenterrightで指定

  • 【セルの中身の表示位置(縦位置)】 <tr valign="位置">
    topbottommiddlebaselineで指定

  • 【セルが隣のセルと比べて何個分か】 <tr rowspan="個数">
    数値で設定

  • 【セルが上下のセルと比べて何個分か】 <tr colspan="個数">
    数値で設定

    上の行にセルが二個ある場合
    colspan="2" にすることで
    上の二個分の幅のセルができる。
    指定しないと幅一個分のセルと幅一個分の空欄ができる。

  • 【セル内の文の改行防止】 <tr nowrap>

ページTOP

テーブルの基本へ戻る