Определение видимости в 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;
                                   }

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

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

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

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


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

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