HTMLで折りたたみ可能な枠線を作成するにはどうすればよいですか?

border-collapse 属性を使用して、HTML で折りたたまれた境界線を作成します。 border-collapse は、テーブルの境界線を単一の境界線に折りたたむか、HTML 内の独自の境界線から分離するかを設定する CSS プロパティです。

Border-collapse 属性には、separate、collapse、initial、inherit の 4 つの値があります。

値で折りたたむ

border-collapse プロパティの値として Collapse が渡された場合、テーブルの境界線は単純に単一の境界線に折りたたまれます。以下は、HTML で折りたたみ可能な境界線を作成するための構文です。

リーリー

例 1

以下の例では、HTML で折り枠を作成しようとしています -

リーリー

以下は、上記のサンプル プログラムの出力です。

例 2

border-collapse プロパティの値として Collapse を使用する別の例を見てみましょう -

リーリー

値として区切る

border-collapse プロパティ の値として Separate を渡して折りたたまれた境界線を作成すると、個々のセルが個別の境界線で囲まれます。

リーリー

例 1

以下の例では、HTML で個別の折りたたみ可能な境界線を作成しようとしています。

リーリー

以下は、上記のサンプル プログラムの出力です。

例 2

split が border-collapse プロパティの値として使用される別の例を見てみましょう -

リーリー

値として初期値を使用します

#initial が border-collapse プロパティの値として渡された場合、デフォルト値 (単独) に設定されます。以下は、HTML の border-collapse 属性の初期プロパティを使用する構文です。 リーリー ＃＃＃例＃＃＃

HTML の border-collapse 属性の初期属性を使用する例を以下に示します。

ああああ

以上がHTMLで折りたたみ可能な枠線を作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。