元素的可視性，是指元素是否可見，在CSS中，可以通過可視性(visibility)，控制元素的可視性，使用可視屬性，隻能完全顯示或者隐藏相應元素，無法顯示部分元素内容。
1.可視屬性visibility
用來定義元素及其内容是否可見，如：
visibility: visible | collapse | hidden
其中各屬性值的含義如下：
visible: 可見，定義元素正常顯示。
collapse: 隐藏表格的行或者列(浏覽器暫不支援)
hidden:元素不顯示
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> CSS屬性 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
div {
visibility: hidden;
width: 300px;
height: 100px;
background: #666666;
}
span {
background: #999999;
}
</style>
</head>
<body>
<div>這是一個隐藏可視性的元素</div>
<span>這是一個内聯元素</span>
</body>
</html> 
如上圖所示，使用可視性屬性隐藏元素之後，元素占有的實體空間并沒有發生變化，頁面中的其他元素按照隐藏元素依然存在的方式進行排列。
2.可視屬性與顯示方式屬性的關系
在CSS中，可視屬性用來控制元素是否顯示，顯示方式屬性用來定義元素的顯示方式，如果在顯示方式屬性中定義了元素顯示方式為隐藏(none),那麼無論使用
什麼可視屬性值，元素依然無法顯示。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> CSS屬性 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
div {
display: none;
visibility: visible;
width: 300px;
height: 150px;
background: #666666;
}
p {
width: 400px;
height: 150px;
border: 2px solid #000000;
background: #999999;
}
</style>
</head>
<body>
<div>這是一個塊元素</div>
<p>這是另一個塊元素</p>
</body>
</html> 
如上圖所示，由于在顯示方式中定義了隐藏屬性值，是以即使在可視屬性中定義屬性值為可見，依然無法顯示元素及其内容。