共用方式為

visibility

  • 發行項

設定是否顯示物件內容。

語法

{ visibility: sVisibility }

可能的值

sVisibility

指定或接收下列其中一個值的字串：

inherit

預設值。物件會繼承下一個父物件的可見性。

hidden

隱藏物件。

visible

物件為可見。

此屬性的預設值為 inherit。未繼承階層式樣式表屬性。

備註

與 display 屬性設為 none 的物件不同的是，使用 visibility 屬性而隱藏的物件仍然在內容版面配置中保留與它們可見時相同的實體空間。您可以透過指令碼來變更可見性，根據使用者互動來顯示和隱藏重疊的內容。

範例

下列範例使用 visibility 屬性來決定物件是否看得到。此範例使用內嵌 (全域) 樣式表的兩個呼叫來隱藏影像，然後在使用者將指標移到文字上並離開文字時顯示影像：

<style>
    .vis1 {visibility:visible}
    .vis2 {visibility:hidden}
</style>
</head>
<body>
<img id="oSphere" src="sphere.jpg">
<p onmouseover="oSphere.className='vis2'" 
   onmouseout="oSphere.className='vis1'">
   Move the mouse over this text to make the sphere   
   disappear.</p>

標準資訊

此屬性是在階層式樣式表 (CSS) 層級 2 (CSS2) (英文) 中定義。

適用於

A、ADDRESS、APPLET、B、BIG、BLOCKQUOTE、BODY、BUTTON、CAPTION、CENTER、CITE、CODE、COL、COLGROUP、CUSTOM、DD、DEFAULTS、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FORM、HN、HR、HTML、I、IFRAME、IMG、INPUT TYPE=BUTTON、INPUT TYPE=CHECKBOX、INPUT TYPE=FILE、INPUT TYPE=IMAGE、INPUT TYPE=PASSWORD、INPUT TYPE=RADIO、INPUT TYPE=RESET、INPUT TYPE=SUBMIT、INPUT TYPE=TEXT、LI、OBJECT、OL、P、S、SELECT、SPAN、SUB、TABLE、TBODY、TD、TFOOT、TH、THEAD、TR、TT、U、UL、VAR、XMP

請參閱

概念

display