CSS справочник

CSS display, visibility, overflow

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

Дата публикации: Октябрь 2009 | Обновление: Август 2014

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

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