Определение видимости в CSS.

Для управления видимостью элемента как такового используется свойство CSS visibility.

visibility. Значения: visible|hidden|collapse|inherit. Начальное значение: visible. Применимо: Ко всем элементам. Наследуется: Да.

Если значение visibility в CSS равно (по умолчанию) visible, очевидно, элемент виден.

Если значение visibility равно hidden, элемент скрыт, но сохраняет за собой место в потоке свободного размещения содержимого документа, просто Вы его не видите. Работа свойства visibility: hidden; отлична от действия display: none; - свойства, полностью удаляющего элемент из свободного размещенного потока и отдающей для других нужд пространство, которое этот элемент занимал.

Вот, примеры видимости и невидимости элементов:

                            span.a {
                                   background-color: #CCCCCC;
                                   border: lpx solid #000; 
                                   visibility: visible;
                                   }
                                   
                            span.b {
                                   background-color: #CCCCCC;
                                   border:	lpx	solid #000; 
                                   visibility: hidden;
                                   }

                            span.a {
                                   background-color: #CCCCCC;
                                   border: lpx solid #000; 
                                   visibility: visible;
                                   }
                                   
                            span.b {
                   background-color: #CCCCCC;
                                   border: lpx solid #000; 
                                   visibility: hidden;
                                   }
                                   

                    где < span class="a">элемент скрыт, но сохраняет за собой место 
                                     в потоке свободного размещения  содержимого 
                                     документа, просто Вы его не видите. Работа 
                                     < /span>
                                     
                    < span class="b"> background-color: #CCCCCC;
                                      border: lpx solid #000; 
                                      visibility: hidden;
                                      < /span>

Значение collapse рекомендуется для использования в столбцах и строках таблиц, отвечающих правилам CSS. Использование collapse с любыми прочими элементами может их скрыть, однако лучше всего этого избегать.

обратно на главную     назад    дальше     вперед