CSS display и visibility или видимость элементов

visibility

— определяет видимость или невидимость элемента:

visibility: inherit | visible | hidden;

visibility: inherit → наследует видимость

родительского элемента;

visibility: visible → делает элемент страницы

видимым (по умолчанию);

visibility: hidden → делает невидимым.

display

— определяет способ отображения элементов страницы:

display: inline | block | none | inline-block | list-item

display: inline → значение по умолчанию;

display: block → наделяет элементы свойствами блока;

display: none → элемент не отображается;

display: inline-block → аналогично block;

display: list-item → аналогично block, но при этом элемент страницы считается

позицией списка.

Свойства CSS overflow или полосы прокрутки

overflow

— определяет будет ли элемент страницы иметь полосу прокрутки:

overflow: visible | scroll | hidden | auto

overflow: visible → границы элемента расширяются по его содержимому (по умолчанию);

overflow: scroll → если содержимое элемента не вмещается в его границы – добавляются

полосы прокрутки;

overflow: hidden → обрезает содержимое элемента по установленным размерам;

overflow: auto → полосы прокрутки отображаются если в этом есть необходимость.

overflow-x

— все как при overflow, но только по горизонтали:

overflow-x: visible | scroll | hidden | auto

overflow-y

— все как при overflow, но только по вертикали:

overflow-y: visible | scroll | hidden | auto

CSS справочник | Списки Справочник | CSS display, visibility, overflow

Сохранить в сервисы и закладки