Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство visibility

Дата:13.10.15 в 18:30
Справочник: 

Характеристики свойства

В каких браузерах работает?

8.0+ 1.0+ 9.5+ 4.0+ 1.0+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
- + + +

Для чего используется?

Данное свойство управляет видимостью объекта или его составляющих элементов. Причем главной особенностью является резервирование места, которое занимает объект. Если даже его скрывают, то соседние элементу ведут себя так, как-будто его не скрывали. Для того, чтобы избавится от этого эффекта нужно воспользоваться свойством display со значением none.

Как правильно задавать?

visibility: параметры видимости;

Какие могут быть значения?

  • visible - устанавливает видимый формат для объекта.
  • hidden - скрывает элемент. Если выразится более точно, то элемент просто стал полностью прозрачен, так как расположения соседних блоков при этом не меняется.
  • collapse - исполняет теже функции, что и hidden для не табличных элементов. При наличии таблицы удаляет заданную строку или ячейку со смещением соседних.
  • inherit - повторяет параметры родительского объекта.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство visibility</title>
  <style>
   .img:hover { visibility: hidden; }
  </style>
 </head>
 <body>
  <img src="picture/kol.png" width="100" height="45" alt="Клавиша">
 </body>
</html>

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: