< на главную
Свойства
а) clear
б) clip
в) float
г) display
д) left, top
е) margin
ё) overflow
ж) padding
з) position
и) vertical-align
й) visibility
к) width, height
л) z-index
Свойства местоположения элементов на странице
а) clear
Указывает, что следующие элементы должны быть показаны ниже элемента, выровненного по левому или правому краю. По умолчанию текст элемент обтекает. Возможные значения: none (по умолчанию), left, right, both.
(Определяет сторону элемента (левая или правая), с которой не будут отображаться созданные слои. Например, пересекающий выбранную сторону слой закроет собой часть элемента. - КАК СЛЕДУЕТ РАЗОБРАТЬСЯ)
б) clip
Позволяет указать видимую часть слоя, контролируя, какая из его частей будет обрезана, если он не поместится в области отображения. Более полная запись: clip: rect(верхняя_граница, правая_граница, нижняя_граница, левая_граница). Можно указать либо абсолютные единицы, либо поставить слово auto.
(Определяет какая часть элемента видна. Все, что находится за пределами области, указанной данным элементом, увидеть нельзя.)
ПОКА НЕ ДО КОНЦА ПОНЯЛА, КАК ЭТО РАБОТАЕТ, И МОЖНО ЛИ ВЫСТАВЛЯТЬ ОТНОСИТЕЛЬНЫЙ РАЗМЕР
в) float
Позволяет выровнять изображение по левому или правому краю так, чтобы остальные элементы его обтекали. Возможные значения: left, right, none.
г) display
Определяет класс элемента, а следовательно, способ его прорисовки. Возможные значения: block, compact, inline, inline-table, list-item, marker, none, run-in, table.
д) left, top
Совместно со свойством position определяет расположение элемента на странице. В качестве значения можно использовать
- абсолютные_значения - абсолютные единицы измерения CSS
- относительные_значения% - левая/верхняя граница элемента задаётся в виде процента от значения ширины/высоты родителя
- auto - браузер самостоятельно определяет позицию элемента (по умолчанию)
(МОЖНО ЛИ ИСПОЛЬЗОВАТЬ СВОЙСТВА RIGHT И BOTTOM, А ЕСЛИ ДА, ТО КАК ИМЕННО?)
е) margin
Размеры поля вокруг элемента, отделяющего его от других элементов страницы. Можно установить отступ для каждого направления отдельно, это делается с помощью свойств margin-left, margin-right, margin-top, margin-bottom.
ё) overflow
Сообщает обозревателю, как отображать содержимое слоя, если размеры слоя превысили размеры окна обозревателя. Возможные значения:
- visible - как я поняла, размеры слоя уменьшаются, чтобы можно было отобразить всё его содержимое
- hidden - содержимое слоя обрезается
- scroll - к слою добавляется полоса прокрутки независимо от того, вмещается содержимое полностью или нет
- auto - к слою добавляется полоса прокрутки только в том случае, если содержимое вышло за его границы
(Это свойство управляет тем, что произойдет, если содержимое элемента выйдет за его границы: clip - обрежет выступающие части элемента, scroll - создаст полосы прокрутки, для просмотра.)
ж) padding
Расстояние между границами элемента и его содержимым (значение по умолчанию для таблиц =1, для остальных элементов =0). Можно задать данный отступ отдельно для каждой стороны, для этого используются свойства padding-left, padding-right, padding-top, padding-bottom.
з) position
Устанавливает, каким образом определяется положение элемента в плоскости экрана. Возможные значения:
- absolute - значения свойств left и top рассматриваются относительно левого верхнего угла родительского элемента
- relative - значения свойств left и top рассматриваются относительно точки, в которой бы находился верхний левый угол элемента при отображении в общем потоке текста
- static - элемент отображается в общем потоке текста, значения свойств left и top не учитываются (по умолчанию)
и) visibility
Управление отображением элемента в обозревателе. Возможные значения:
- visible - элемент виден (но если установлено значение display: none, то элемент не показывается)
- hidden - элемент невиден, но при этом занимает своё место на странице и влияет на расположение других (ПРОВЕРИТЬ)
й) width, height
Ширина и высота элемента. В качестве значения можно использовать
- абсолютные_значения - абсолютные единицы измерения CSS
- относительные_значения% - ширина/высота элемента определяются в процентах от ширины/высоты родителя
- auto - браузер самостоятельно определяет размеры элемента (по умолчанию)
к) vertical-align
Определяет вертикальное выравнивание элемента по отношению к области, где тот находится. Возможные значения: baseline, bottom, middle, sub, super, text-bottom, text-top, top. Можно задать в процентах (ПРОВЕРИТЬ).
(СКОПИРОВАНО ИЗ "Конспект CSS: свойства текста")
л) z-index
Свойство определяет порядок перекрытия элементов. Т.е. если несколько элементов перекрываются, то сверху будет отображён тот элемент, z-index которого больше. В качестве значения свойства используются целые числа (положительные, отрицательные и ноль). Также можно выставить значение auto (по умолчанию), в этом случае элементы, определённые в тексте веб-страницы позже, будут перекрывать элементы, определённые ранее. z-index обычного текста =0.
Возможно, стоит и в этом разделе упомянуть о свойствах color и text-align.