Свойства отображения

Свойства display и visibility являются свойствами отображения.

Свойство display весьма универсально, оно определяет, должен ли элемент быть показан в документе, и если да, то каким образом. Он отличается от visibility тем, что при заданном значении none не резервирует пустое пространство под элементом, а временно удаляет его из документа. Свойство visibility, в свою очередь определяет лишь то, будет элемент показан или нет. При этом, даже если элемент не отображается (указано значение hidden), для него все равно будет зарезервировано пустое место.

Свойство visibility имеет три допустимых значения: inherit (значение по умолчанию), visible и hidden.

Свойство display имеет гораздо больше допустимых значений. Стандарт CSS 2.1 просто изобилует этими значениями, однако чаще всего используются следующие: none, inline, block, table, table-row, table-cell. Первое значение делает элемент неотображаемым, второе – элемент отображается как строчный (или инлайновый), третье – элемент отображается как блочный. Четвертое – элемент отображается, как таблица, пятый – строка таблицы, шестой – ячейка таблицы. Варианты 4-6 не поддерживаются в Internet Explorer 6.0.

Очень важно понимать разницу между блочным, инлайновым и табличным элементом.