0

それらはCSSで使用されていますか? (非テーブル?)

それらはどのように使用されますか？

例を挙げてください。

4

2 に答える 2

1

CSSのcaption-sideプロパティは、テーブルに対してキャプションを配置する場所（つまり、テーブルの上または下）を指定するために使用されます。

Syntax:   caption-side: <value> Possible Values:  

* top
* bottom
* inherit

初期値：トップ適用対象：キャプション付きのテーブル継承：はいメディア：視覚的な例：

キャプション{キャプション側：下;
幅：自動; text-align：左; }

<style type="text/css">
caption {
  caption-side: bottom;
  width: auto;
  text-align: left;
  }
</style>
<table border="1">
  <caption>This is the caption</caption>
  <tr>
    <td>Try changing the values to see the effect it has on the position of the caption.</td>
  </tr>
  <tr>
    <td><b>Note:</b> If this is not working, your browser might not support the caption-side property. At the time of writing, browser support for the caption-side property was limited.</td>
  </tr>
</table>
于 2010-11-13T08:27:50.260 に答える
0

この要素は、表の短い見出しを提供するために使用する必要があります。table summary 属性のように、テーブルの構造の説明を提供するために使用しないでください。

このcaption要素は、次tableの のコンテンツに視覚的な方法でラベルを付ける手段を提供します (table非表示の の summary 属性とは異なります)。これには要素固有の属性が 1 つありますがalign、これは非常に初歩的であり、完全にはサポートされていません (これも非推奨であるため、一般的には避ける必要があります)。

このcaption要素は、1 回につき 1 回のみ使用でき、開始タグtableの直後に続く必要があります。table

キャプション要素は にラベルを付けるための最も適切なマークアップのように見えますがtable、実際には、その目的はlabel、本の写真にキャプションを提供するのとほぼ同じ方法でデータ テーブルを対象としています。ただし、ほとんどの印刷メディアでは、イラスト、画像、および表のキャプションは通常、項目の後に表示されますが、キャプション要素は表の前に表示されます。CSSの貧弱なスタイル設定オプションcaptionと貧弱な配置サポートの組み合わせにより、多くの人が表の前に見出し要素 1 ～ 6 (たとえば、h3エレメント）。これにより、スクリーン リーダーなどの支援技術を使用している一部の人々が、ドキュメント内の見出しから見出しへとジャンプしやすくなります (見出しで移動したり、ページに見出しのリストを表示したりする方法があります)。ただし、見出しは、ページの 1 つの個別の部分ではなく、見出しに続くセクション全体の内容を次の見出しがある場所まで示すことを実際に意図していることに注意してくださいcaption。要素は を識別するためのcaption正しいマークアップですが、table代わりに見出しを使用している人を見かけても驚かないでください。

例

以下は、視覚的な要約と見出しを 1 つにまとめた表のキャプションです。

<table border="1">
  <caption>Interest Rates for Young Saver Accounts</caption>
  <tr>
    <th>Account Type</th>
    <th>Interest Rate</th>
  </tr>
  <tr>
    <td>Smart</td>
    <td>From 2%</td>
  </tr>
  <tr>
    <td>Young Saver</td>
    <td>From 1.6%</td>
  </tr>
</table>
于 2010-11-13T08:24:33.660 に答える