css border-collapseの使い方を詳しく解説

• name：border-collapse
  category：table
  brief説明：rows行とセルのエッジがマージされているかどうかをセットします。 table と の間に距離を置くかどうかのスタイル、および と 間の距離は、border="xxx" と cellpacing="xxx によって実現できます。 」。つまり、border-collapse が折りたたみに設定されている場合、テーブル自体の border プロパティと cellpacing プロパティ は効果がありません。
  構文:

• 値:
  

  個別:デフォルト値。境界線を独立させます (標準 HTML)

  折りたたみ: 隣接するエッジが結合されます

  border-collapse : separate | collapse

  
  

  例 1:
コード:
表示効果:

<table 
width
="200" border="1" cellspacing="3" cellpadding="2" style="border-collapse:collapse">
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>

コード:

<table width="200" border="1" cellspacing="3" cellpadding="2" style="border-collapse: separate">
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>

表示効果は次のとおりです:

	例 2:

以上がcss border-collapseの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。