ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでの折りたたみの意味は何ですか

CSSでの折りたたみの意味は何ですか

WBOY
WBOYオリジナル
2021-12-22 15:31:118827ブラウズ

CSS の

collapse は、「境界線を結合する」ことを意味します。「border-collapse」属性は、テーブル間の境界線を結合するかどうかを設定するために使用されます。属性の値が「collapse」の場合、境界線が結合されることを意味します。構文は「element {border-collapse:collapse;}」です。

CSSでの折りたたみの意味は何ですか

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css における折りたたみの意味は何ですか?

CSS の border-collapse プロパティは、テーブルの境界線を結合するかどうかを設定するために使用されます。 3 つの値があります。このうち、separate は境界線を分離することを意味し、collapse は境界線を結合することを意味し、inherit は親から属性を継承することを意味します。

表を作成する場合、border-collapse 属性を使用して 2 つの境界線を結合することができます1 つは、境界線の効果をより美しくすることです。

border-collapse プロパティは、テーブルの境界線を 1 つの境界線に折りたたむか、標準 HTML のように個別に表示するかを設定します。

例は次のとおりです:

<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>

出力結果:

CSSでの折りたたみの意味は何ですか

(学習ビデオ共有: css ビデオ チュートリアル)

以上がCSSでの折りたたみの意味は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。