border

UK[ˈbɔ:də(r)] US[ˈbɔ:rdə(r)]

n.ボーダー; エッジ; エッジ; ラッピング エッジ

vt.& vi....の端でバインド...

vt. の端に沿って、囲む...、端...

vi . 近似、隣接

#collapse

##UK[kəˈlæps] US[kəˈlæps]

vi. 崩壊; 崩壊; 折りたたむ; (特に一生懸命働いた後) ) 座ります

vt. 崩壊する; 崩壊する; 崩壊する

n. 崩壊する; (身体) 衰弱

css border-collapse プロパティ 構文

関数:border-collapse 属性は、テーブルの境界線を 1 つの境界線に結合するか、標準 HTML のように個別に表示するかを設定します。

説明: 別個のデフォルト値。国境は分離されます。 border-spacing プロパティと empty-cells プロパティは無視されません。可能であれば、境界線を折りたたむと単一の境界線が結合されます。 border-spacing プロパティと empty-cells プロパティは無視されます。継承は、border-collapse 属性の値が親要素から継承される必要があることを指定します。

注: すべての主要なブラウザは、border-collapse 属性をサポートしています。属性値「inherit」は、Internet Explorer (IE8 を含む) のどのバージョンでもサポートされていません。 !DOCTYPE が指定されていない場合、border-collapse によって予期しない結果が生じる可能性があります。

css border-collapse プロパティ 例

<!DOCTYPE>
<html>
<head>
<style type="text/css">
table
  {
  border-collapse:collapse;
  }
table, td, th
  {
  border:1px solid black;
  }
</style>
</head>
<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
<p><b>注释:</b>如果没有规定 !DOCTYPE,border-collapse 属性可能会引起意想不到的错误。</p>
</body>
</html>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します