91 行
2.2 KiB
HTML
91 行
2.2 KiB
HTML
<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HTML//EN">
|
|
<html lang="ja">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<link rel="stylesheet" type="text/css" href="../style.css">
|
|
<link rel="stylesheet" type="text/css" href="./table.css">
|
|
<title>Table Style - 美々のCSS素材集</title>
|
|
<body>
|
|
|
|
<h1>Table Style</h1>
|
|
|
|
<p>TABLE 要素の装飾用です。</p>
|
|
|
|
<ul>
|
|
<li><a href="./table.css">保存用: table.css</a></li>
|
|
<li>色を全く指定してゐないため、他の CSS と組合せて使用可能</li>
|
|
<li>互換性とソース記述量とを考へて最小限に装飾した</li>
|
|
<li>實際に使用するなら色や餘白を調整すると良いかも</li>
|
|
</ul>
|
|
|
|
<h2>記述見本</h2>
|
|
|
|
<p><a href="./bibi.html">Bibi Style</a> と組合せてゐます。</p>
|
|
|
|
<table summary="ザックリとしたOSの比較。各列はOSの種類を表し、各行は項目を表す。">
|
|
<caption>ザックリとしたOSの比較</caption>
|
|
<thead>
|
|
<tr>
|
|
<th>項目</th>
|
|
<th>Trisquel GNU/Linux</th>
|
|
<th>OpenBSD</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th>系統</th>
|
|
<td>Ubuntu 派生</td>
|
|
<td>BSD の子孫</td>
|
|
</tr>
|
|
<tr>
|
|
<th>パッケージ管理</th>
|
|
<td>dpkg/apt</td>
|
|
<td>pkg_*</td>
|
|
</tr>
|
|
<tr>
|
|
<th>標準のGUI</th>
|
|
<td>MATE/KDE/LXDE</td>
|
|
<td>FVWM/CWM/TWM</td>
|
|
</tr>
|
|
<tr>
|
|
<th>GFSDG準拠</th>
|
|
<td>はい</td>
|
|
<td>いいえ</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th>總括</th>
|
|
<td>100% 自由で利用しやすい OS</td>
|
|
<td>BSD 系の簡潔な OS</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
|
|
<h2>互換性に關する覚書</h2>
|
|
|
|
<h3>TABLE要素内の記述順</h3>
|
|
|
|
<p>Firefox 等は TABLE 直下の要素がどの順番で書かれてゐても適切な順で表示しますが、Dillo や Netsurf ではソースの記述順に表示されるため、次の順で記述します。</p>
|
|
|
|
<ol>
|
|
<li>CAPTION</li>
|
|
<li>THEAD</li>
|
|
<li>TBODY</li>
|
|
<li>TFOOT</li>
|
|
</ol>
|
|
|
|
<p>尚、Dillo では記述順によらず CAPTION が TABLE の下側に表示されます。</p>
|
|
|
|
<h3>Borderの指定</h3>
|
|
|
|
<p>TABLE に border を指定すると Netsurf で CAPTION の表示が崩れるため、border は TH や TD でのみ指定します。</p>
|
|
|
|
<h2>附加情報</h2>
|
|
|
|
<ul>
|
|
<li><a href="../csslist.html">美々のCSS素材集</a></li>
|
|
</ul>
|
|
|
|
</html>
|