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 サイトの他の関連記事を参照してください。