Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  
<!-- 1......................... -->
<div>
  <h3>table / css no setting</h3>
  <table>
  <tr>
    <td>First</td>
    <td>Row</td>
  </tr>   
  <tr>
    <td>Second</td>
    <td>Row</td>
  </tr>
  </table>
</div>
<hr>
<!-- 2......................... -->
<div>
  <h3>table 
<span>border="5"</span></h3>
  <table border="5">
  <tr>
    <td>First</td>
    <td>Row</td>
  </tr>   
  <tr>
    <td>Second</td>
    <td>Row</td>
  </tr>
  </table>
</div>
<div>
  <h3><span>table:
  border: 1px solid #f0f;
  border-width: 5px;
table td:
  border: 1px solid #00f;</span></h3>
  <table class="table t-border">
  <tr>
    <td>First</td>
    <td>Row</td>
  </tr>   
  <tr>
    <td>Second</td>
    <td>Row</td>
  </tr>
  </table>
</div>
<hr>
<!-- 3......................... -->
<div>
  <h3>table 
border="5" 
<span>cellpadding="10"</span></h3>
  <table border="5" cellpadding="10">
  <tr>
    <td>First</td>
    <td>Row</td>
  </tr>   
  <tr>
    <td>Second</td>
    <td>Row</td>
  </tr>
  </table>
</div>
<div>
<h3>table: 
  border: 1px solid #f0f;
  border-width: 5px;
<span>table td:</span>
  border: 1px solid #00f; 
  <span>padding:10px;</span> </h3>
  <table class="table t-border">
  <tr>
    <td class="t-cellpadding">First</td>
    <td class="t-cellpadding">Row</td>
  </tr>   
  <tr>
    <td class="t-cellpadding">Second</td>
    <td class="t-cellpadding">Row</td>
  </tr>
  </table>
</div>
<hr>
<!-- 4......................... -->
<div>
  <h3>table 
border="5" 
cellpadding="10" 
<span>cellspacing="10"</span></h3>
  <table border="5" cellpadding="10" cellspacing="10">
    <tr>
      <td>First</td>
      <td>Row</td>
    </tr>   
    <tr>
      <td>Second</td>
      <td>Row</td>
    </tr>
  </table>
</div>
<div>
  <h3><span>table:</span> 
  border: 1px solid #f0f;
  border-width: 5px;
  <span>border-collapse: separate;
  border-spacing: 10px;</span>
table td:
  border: 1px solid #00f; 
  padding:10px; </h3>
  <table class="table t-border t-cellspacing-separate-spacing">
    <tr>
      <td class="t-cellpadding">First</td>
      <td class="t-cellpadding">Row</td>
  </tr>   
  <tr>
    <td class="t-cellpadding">Second</td>
    <td class="t-cellpadding">Row</td>
  </tr>
  </table>
</div>
<hr>
<!-- 5......................... -->
<div>
  <h3>table 
border="5" 
cellpadding="10" 
<span>cellspacing="0"</span></h3>
  <table border="5" cellpadding="10" cellspacing="0">
    <tr>
      <td>First</td>
      <td>Row</td>
    </tr>   
    <tr>
      <td>Second</td>
      <td>Row</td>
    </tr>
  </table>
</div>
<div>
  <h3><span>table:</span> 
  border: 1px solid #f0f;
  border-width: 5px;
  <span>border-collapse: collapse;</span> 
table td:
  border: 1px solid #00f; 
  padding:10px; </h3>
  <table class="table t-border t-cellspacing-collapse">
    <tr>
      <td class="t-cellpadding">First</td>
      <td class="t-cellpadding">Row</td>
    </tr>   
    <tr>
      <td class="t-cellpadding">Second</td>
      <td class="t-cellpadding">Row</td>
    </tr>
  </table>
</div>
<hr>
<!-- ......................... -->
​
  
</body>
</html>
 
.table {
  border: 1px solid #f0f;
}
​
.table td { 
  border: 1px solid #00f;
}
​
span{color:#66f}
​
​
.t-border.t-border{
  border-width: 5px;
  // table border="5"
}
​
.t-cellpadding.t-cellpadding {
  padding:10px;
  // table cellpadding="10"
}
.t-cellspacing-separate-spacing.t-cellspacing-separate-spacing { 
  border-collapse: separate;
  border-spacing: 10px;
  // table cellspacing="10"
​
}
.t-cellspacing-collapse.t-cellspacing-collapse{
  border-collapse: collapse;
  // table cellspacing="10"
}
​
​
​
​
h3 {
  color: #AAA;
  /* float: left; */
  margin: 2em 1em 1em 0;
  font-family: monospace;
  white-space: pre;
  font-weight: normal;
}
​
body > div {
  display: inline-block;
}
hr {
  clear:both;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
oooooopro
0viewers