visibility
属性値
| 値 |
説明 |
| visible |
要素のボックスは可視 (visible) |
| hidden |
要素のボックスは不可視 (invisible) |
| collapse |
対象によって動作が異なる。
- table内の要素 … 不可視となり領域は削除。しかしtable内の他の要素には影響なし
- フレックス項目 (flex items) … 不可視となり領域は削除
- XUL要素 … 要素のサイズはゼロ、マージンはそのまま
- その他 … hiddenと同じ
|
visibility: visible |
A
B
C
|
visibility: hidden |
A
B
C
|
hidden
これを指定すると子孫要素も不可視になりますが、その子孫要素にvisibleが指定されているならば、その要素は可視となります。
collapse
セル (td要素) に指定
| 1.1 |
1.2 |
1.3 |
| 2.1 |
2.2 |
2.3 |
| 3.1 |
3.2 |
3.3 |
行 (tr要素) に指定
| 1.1 |
1.2 |
1.3 |
| 2.1 |
2.2 |
2.3 |
| 3.1 |
3.2 |
3.3 |
列 (col要素) に指定
| 1.1 |
1.2 |
1.3 |
| 2.1 |
2.2 |
2.3 |
| 3.1 |
3.2 |
3.3 |