Разметка

bottom

div {
    bottom: 5em;
}

clear

Запрещает обтекание элемента текстом

  • none - по умолчанию

  • left

  • right

  • both

div {
    clear: both;
}

clip

Определяет прямоугольную область, в которую выводится содержимое элемента

  • rect

  • auto - по умолчанию

  • crosshair

  • default

  • pointer

  • move

  • e-resize

  • ne-resize

  • nw-resize

  • n-resize

  • se-resize

  • sw-resize

  • s-resize

  • w-resize

  • text

  • wait

  • help

div {
    clip: rect(5px,110px,35px,10px);
}

display

Определяет тип элемента и управляет отображением элемента:

  • none - элемент скроется из документа

  • block - блочный

  • inline - строчный

  • inline-block - строчно-блочный

  • list-item

  • table-cell - ячейка таблицы

div {
    display: inline;
}

float

Плавающий элемент, задает обтекание элемента текстом

  • left

  • right

  • none - по умолчанию

img {
    float: left;
}

height

Высота элемента

  • auto - по умолчанию

  • число

table {
    height: 500px;
}

left

div {
    left: 5em;
}

max-height

Максимальная высота элемента

div {
    max-height: 100px;
}

max-width

Максимальная ширина элемента

div {
    max-width: 100px;
}

min-height

Минимальная высота элемента

div {
    min-height: 100px;
}

min-width

Минимальная ширина элемента

div {
    min-width: 100px;
}

overflow

Управляет отображением содержимого элемента за пределами области вывода

  • visible - видим все, что не влезло в блок

  • hidden - все что не влезло, скрывается

  • scroll - в блоке появляется скрол

  • none - по умолчанию

div {
    overflow: hidden;
}

position

Позиционирование элементов

  • absolute - элемент исключается из потока документа

  • fixed - элемент исключается из потока документа и при прокрутке окна будет оставаться на месте

  • relative - элемент будет смещаться относительно своего положения, его место будет оставаться не заполненным

  • static - по умолчанию, нормальный поток документов

  • sticky - закрепленное, комбинация относительного и фиксированного

div {
    position: absolute;
}

top

div {
    top: 10px;
}

visibility

Видимость элемента

  • visible

  • hidden

  • inherit

div {
    visibility: hidden;
}

width

Ширина элемента

  • auto - по умолчанию

  • число

div {
    width: 500px;
}

z-index

Порядок расположения перекрывающихся элементов

  • auto - по умолчанию

  • число

div {
    z-index: 2;
}