除了剪裁和溢出，網頁設計人員還可以控制整個元素的可見性。

visibility

值：visible | hidden | collapse | inherit

初始值：visible

應用于：所有元素

繼承性：有

計算值：根據指定確定

這個屬性相當簡單。如果元素設置為有visibility: visible，當然它就是可見的。

如果元素設置為visibility: hidden，則會置為“不可見”（按規范中的說法），處于不可見狀態時，元素還是會影響文檔的布局，就好像它還可見一樣。換句話說，網站建設元素還在那里，只不過你看不見它。注意這與display: none有區別。對于后者，元素不僅不顯示，還會從文檔中刪除，所以對文檔布局沒有任何影響。圖10-37顯示了一個文檔，根據以下樣式和標記，將其中一個段落設置為hidden:

em.trans {visibility: hidden; border: 3px solid gray; background: silver; margin: 2em; padding: 1em;}

<P>

This is a paragraph that should be visible. Lorem ipsum, dolor sit amec,<em class="trans">conseccetuer adipiscing elit, sed diam nonurany nibh </em> euisraod tincidunt ut laoreet dolore magna aliquam erat volutpat.

</p>

hidden元素中原本可見的部分（如內容、背景和邊框）都會置為不可見。注意，這些空間還留在原處，因為元素仍是文檔布局的一部分。只不過你看不到它。

還要注意，網頁設計人員有可能將一個hidden元素的后代元素置為visible。這會使該后代元素正常出現，盡管其祖先元素（以及兄弟）是不可見的。為此，必須顯式地聲明后代元素為visible，因為visibility屬性可以繼承：

p.clear {visibility: hidden;}

p.clear era {visibility: visible;}

visibility: collapse值在CSS表顯示中使用，這在下一章討論。根據網站建設CSS2規范，如果用干非表元素，collapse與hidden含義相同。