コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS の空のセルに関する問題

CSS の空のセルに関する問題

黄舟
リリース： 2017-06-30 13:25:48
オリジナル
1551 人が閲覧しました

CSSでborder-collapseを分離するように設定した場合、empty-cellsであっても結果は同じで、表示値と非表示値も同じであることがわかりました。教えていただければ幸いです。いくつかのアドバイス。

css2標準の
構文: 

empty-cells : show | hide
ログイン後にコピー

値:
show : デフォルト値。境界線を表示
hide : 境界線を非表示にする

説明:
テーブルのセルに内容がない場合にセルの境界線を表示するかどうかを設定または取得します。 このプロパティは、テーブルの行と列の境界線が独立している場合にのみ機能します (例: border-collapse
プロパティが Separate に等しい場合)。 対応するスクリプト機能は emptyCells です。

これはIEではサポートされていないCSS2標準ですが、Firefoxでは普通にエフェクトを表示できます

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>table test</title>
<style>
#layout {}
.show {border: 1px solid #ff0000; border-collapse:separate; empty-cells: show;}
.hide {border: 1px solid #ff0000; border-collapse:separate; empty-cells: hide;}
</style>
</head>

<body>
<table id="layout">
  <tr>
    <td class="show">Cascading</td>
    <td class="show"></td>
  </tr>
  <tr>
    <td class="hide">Cascading</td>
    <td class="hide"></td>
  </tr>
 </table>
</body>
</html>
ログイン後にコピー
表示すると空のテーブルが表示されるのがわかります。隠れるときは隠れます


。

以上がCSS の空のセルに関する問題の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
css
ソース：php.cn
前の記事：CSSテーブルの空セル属性の詳細な分析 次の記事：IE6 IE7 IE8(Q)が空セル機能をサポートしていない問題の解決方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2043
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2203
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1860
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1746
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1768
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート