[CSS] [proprietà] border-collapse

border-collapse (proprietà CSS) stabilisce come e se i bordi della cella e della riga di una tabella siano congiunti in un bordo singolo o scollegati (come di default).

Sintassi

[selettore] {
  border-collapse: collapse|inherit|initial|separate;
}
valore descrizione
XXX XXX

Esempi

<style>
table#border_separate {
    border-collapse: separate;
}
table#border_collapse {
    border-collapse: collapse;
}
table, td, th {
    border: 1px solid black;
}
</style>

<table id="border_separate">
  <tr>
    <th>1</th>
    <th>2</th>
  </tr>
  <tr>
    <td>3</td>
    <td>4</td>
  </tr>
</table>
<table id="border_collapse">
  <tr>
    <th>5</th>
    <th>6</th>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
  </tr>
</table>

1 2
3 4
5 6
7 8

Contenuti correlati

  • CSS
  • HTML
  • JavaScript
  • jQuery
  • PHP
  • SQL
  • WORDPRESS

Fonti esterne

css, proprietà css

Related Articles

0 Comment

Rispondi