カテゴリー: visibility

カテゴリー
CSS visibility

【CSS】visibility：ボックスの表示・非表示を指定する

（例）【CSS】visibilityの使用方法

See the Pen
visibility by linlin (@linlin098765)
on CodePen. 

<p class="sample1">ああああああ</p>
<p class="sample2">いいいいいい</p>

<h3>一部のセルにvisibility:collapseを適用</h3>
<table border="1">
<tr class="sample3">
<td>１</td>
<td>２</td>
<td>３</td>
</tr>
<tr>
<td class="sample3">１</td>
<td>２</td>
<td>３</td>
</tr>
</table>
.sample1 {visibility:hidden;}
.sample2 {visibility:visible;}
.sample3 {visibility:collapse;}

【CSS】visibility：ボックスの表示・非表示を指定する

　CSSのvisibilityは、ボックスの表示・非表示を指定するプロパティです。display:noneと違い、非表示にしてもページのレイアウトは変わりありません。

  • visible
    表示
  • hidden
    非表示
  • collapse
    テーブルの行・列に指定すると詰めて表示