CSS görünürlüğü Özellik
Örnek
<h2> öğelerini görünür ve gizli yapın:
h2.a {
visibility: visible;
}
h2.b {
visibility: hidden;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Özellik visibility
, bir öğenin görünür olup olmadığını belirtir.
İpucu: Gizli öğeler sayfada yer kaplar. Belge düzeninden bir öğeyi hem gizlemek hem de kaldırmak için display özelliğini kullanın !
Varsayılan değer: | görünür |
---|---|
Miras: | Evet |
canlandırılabilir: | Evet. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS2 |
JavaScript sözdizimi: | nesne .style.visibility="gizli" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS Sözdizimi
visibility: visible|hidden|collapse|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
visible | Default value. The element is visible | |
hidden | The element is hidden (but still takes up space) | |
collapse | Only for table rows (<tr>), row groups (<tbody>), columns (<col>),
column groups (<colgroup>). This value removes a row or column,
but it does not affect the table layout. The space taken up by the row or column
will be available for other content. If collapse is used on other elements, it renders as "hidden" |
|
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Daha fazla örnek
Örnek
Bu örnek, bir tablo öğesinin nasıl daraltılacağını gösterir:
tr.collapse {
visibility: collapse;
}
İlgili Sayfalar
CSS eğitimi: CSS Görüntüleme ve görünürlük
HTML DOM referansı: görünürlük özelliği