div {
bottom: 5em;
}
Запрещает обтекание элемента текстом
none - по умолчанию
left
right
both
div {
clear: both;
}
Определяет прямоугольную область, в которую выводится содержимое элемента
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);
}
Определяет тип элемента и управляет отображением элемента:
none - элемент скроется из документа
block - блочный
inline - строчный
inline-block - строчно-блочный
list-item
table-cell - ячейка таблицы
div {
display: inline;
}
Плавающий элемент, задает обтекание элемента текстом
left
right
none - по умолчанию
img {
float: left;
}
Высота элемента
auto - по умолчанию
число
table {
height: 500px;
}
div {
left: 5em;
}
Максимальная высота элемента
div {
max-height: 100px;
}
Максимальная ширина элемента
div {
max-width: 100px;
}
Минимальная высота элемента
div {
min-height: 100px;
}
Минимальная ширина элемента
div {
min-width: 100px;
}
Управляет отображением содержимого элемента за пределами области вывода
visible - видим все, что не влезло в блок
hidden - все что не влезло, скрывается
scroll - в блоке появляется скрол
none - по умолчанию
div {
overflow: hidden;
}
div {
right: 5em;
}
div {
top: 10px;
}
Видимость элемента
visible
hidden
inherit
div {
visibility: hidden;
}
Ширина элемента
auto - по умолчанию
число
div {
width: 500px;
}
Порядок расположения перекрывающихся элементов
auto - по умолчанию
число
div {
z-index: 2;
}