Visible 属性用于指定某个元素在 Web 文档中是否可见,但隐藏的元素会占用 Web 文档中的空间。您可以使用相同的 Visible 属性在 CSS 中设置元素的可见性属性。
通过visibility属性,我们可以像图像,文本框等可见的元素,以我们的肉眼,或者你甚至可以隐藏。要隐藏表格元素,您可以使用折叠,您将在本文中进一步介绍。
句法:
visibility: visible | hidden | collapse | initial | inherit;
适当的价值:
- 可见:这是默认值。该元素通常在 Web 文档中显示或可见。
- hidden:该属性在页面中隐藏元素,但会占用文档中的空间。
- 折叠:此属性仅用于表格元素以从表格中删除行和列。
示例 1:使用 Visible 和 hidden 属性值。
HTML
Given line is
Welcome to GeeksforGeeks Visible
Given line is
Welcome to GeeksforGeeks Hidden
HTML
GeeksForGeeks
visibility:collapse;
geeksforgeeks
geeks
for
geeks
A computer science portal for geeks
输出:
示例 2:使用 Collapse 属性值。
HTML
GeeksForGeeks
visibility:collapse;
geeksforgeeks
geeks
for
geeks
A computer science portal for geeks
输出: