Определяет свойства четырех сторон рамок. Работает так же, как свойства отступов, за исключением того, что рамка видна:
<border-width> (ширина рамки) может быть medium, thin, thick или задана в единицах измерения;
<border-style> (стиль рамки) может быть nonе или solid.
Аргумент color используется для определения цвета заполнения фона элемента, пока он загружается, а также позади прозрачных частей элемента. Если передать вместо него адрес картинки, картинка будет повторяться, заполняя контур рамки.
Определяет ширину рамки вокруг элемента. Каждая сторона может быть задана соответствующим свойством. Мы можем также заменить установку четырех индивидуальных свойств установкой одного свойства border-width так же, как и для свойств отступа margin.
clear
Свойства
clear
Значения
none, both, left, right
Значение по умолчанию
none
Поддерживается
Всеми элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Нет
Указывает, что следующие элементы должны быть показаны ниже элемента, выровненного по левому или правому краю. По умолчанию текст обтекает такие элементы.
clip
Свойства
clip
Значения
rect (<top><rightxbottoinxlef t>), auto
Значение по умолчанию
auto
Поддерживается
Всеми элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Нет
Определяет, какая часть элемента видна. Все, что находится за пределами области, указанной этим свойством, увидеть нельзя.
display
Свойства
display
Значения
" ", none
Значение по умолчанию
" "
Поддерживается
Всеми элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Нет
Это свойство указывает, будет ли показан элемент.
float
Свойства
styleFloat
Значения
none, left, right
Значение по умолчанию
none
Поддерживается
DIV, SPAN и замененными элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Нет
Определяет обтекание элемента другими элементами слева или справа вместо помещения их под ним.
height
Свойства
height, pixelHeight, posHeight
Значения
auto, <length>
Значение по умолчанию
auto
Поддерживается
DIV, SPAN и замененными элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Нет
Устанавливает высоту элемента и измеряет ее, если это необходимо. Значение возвращается в виде строки, включающей единицы измерения (рх, % и т. д.). Для получения числового значения используется свойство posHeight.
left
Свойства
left, pixelLeft, posLeft
Значения
auto, <length>, <percentage>
Значение по умолчанию
auto
Поддерживается
Всеми элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Да, относительно ширины родительского элемента
Задает горизонтальную координату элемента, позволяя корректно устанавливать и передвигать элементы. Значение возвращается как строка, включающая единицы измерения (рх, % и т. д.). Для получения значения в виде числа используется свойство posLeft.
Определяет размер отступов вокруг данного элемента. Свойство margin служит для задания четырех отступов. Если используется несколько значений, но меньше, чем четыре, оставшиеся противоположные стороны будут равными. Эти значения устанавливают минимальное расстояние между текущим элементом и остальными.
overflow
Свойства
overflow
Значения
none, clip, scroll
Значение по умолчанию
none
Поддерживается
Всеми элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Нет
Это свойство управляет тем, что произойдет, если содержимое элемента выйдет за его границы:
none - если элемент выйдет за пределы своего фрагмента, то он все равно будет изображен (например, часть текста, для которой не хватило места в отведенной полосе);
clip — выступающие части элемента будут обрезаны;
scroll — пользователь сможет увидеть выходящие за пределы элемента части с помощью прокрутки.
Определяет расстояние между содержимым и рамкой элемента. Свойство padding используется для задания четырех таких расстояний. Если имеется несколько значений, но меньше четырех, оставшиеся противоположные стороны будут равными.
position
Свойства
position
Значения
absolute, relative, static
Значение по умолчанию
relative
Поддерживается
Всеми элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Нет
Устанавливает, каким образом вычисляется положение элемента в плоскости экрана:
absolute — элемент будет поставлен в некоторое положение относительно фона и будет двигаться вместе с ним;
static— элемент будет поставлен в некоторое положение относительно фона, но не будет двигаться при прокручивании страницы;
relative — элемент будет помешен в обычное положение относительно других, в соответствии с положением в исходном коде (это значение установлено по умолчанию).
top
Свойства
top, pixelTop, posTop
Значения
auto, <length>, <percentage>
Значение по умолчанию
auto
Поддерживается
Всеми элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Да, относительно ширины родительского элемента
Устанавливает или возвращает вертикальную координату элемента, позволяя корректно устанавливать и передвигать элементы. Значение возвращается как строка, включающая единицы измерения (рх, % и т. д.). Для получения значения в виде числа используется свойство posTop.
visibility
Свойства
visibility
Значения
visible, hidden, inherit
Значение по умолчанию
inherit
Поддерживается
Всеми элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Нет
Позволяет элементу быть видимым или невидимым на странице. Невидимые (hidden) элементы занимают то же место и так же влияют на расположение других элементов, как и видимые (visible), но становятся прозрачными. Это свойство может быть использовано для отображения лишь одного из элементов, занимающих одно и то же место:
visible - элемент виден на экране;
hidden - элемент не виден;
inherit — элемент виден, если его родительский элемент является видимым.
width
Свойства
width, pixelWidth, posWidth
Значения
auto,<length>, <percentage>
Значение по умолчанию
auto за исключением элементов с внутренними установками размера
Поддерживается
тэгами DIV, SPAN и замещаемыми элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Да, относительно ширины родительского элемента
Устанавливает ширину элемента и измеряет ее, если это необходимо. Значение возвращается как строка, включающая тип единиц измерения (рх, % и т. д.). Для получения значения в виде числа используется свойство posWidth.
z-index
Свойства
zlndex
Значения
<число>
Значение по умолчанию
В зависимости от контекста в исходном тексте HTML
Поддерживается
Всеми элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Нет
Свойство z-lndex указывает, в каком порядке элементы будут перекрывать друг друга. Элементы с более высоким z-индексом появятся поверх элементов с более низким z-индексом. При положительных значениях элемент ставится перед обычным текстом, при отрицательных - позади него. Таким образом, на страницах создается набор плоских слоев, для которых задается порядок перекрывания.
Свойства печати
page-break-after
Свойства
pageBreakAfter
Значения
<auto>, <always>, <left>, <right>
Значение по умолчанию
<auto>
Поддерживается
Всеми элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Нет
Управляет началом и концом страницы, разрывом страницы и тем, где на странице содержание продолжится, т. е. слева или справа.
page-break-before
Свойства
pageBreakBefore
Значения
<auto>, <always>, <left>, <right>
Значение по умолчанию
<auto>
Поддерживается
Всеми элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Нет
Управляет началом и концом страницы, разрывом страницы и тем, где на странице содержание продолжится, т. е. слева или справа.
Свойства фильтров
Все фильтры вызываются с помощью ключевого слова filter. Есть два вида фильтров: статические и динамические. Динамические фильтры разделены на две группы: управляющие переходом (переходные) и управляющие появлением объекта на экране. Фильтры первой группы предназначены для того, чтобы объект накладывался на другие объекты или уходил с соседних объектов. Фильтры второй группы заставляют объекты появляться или исчезать одним из 23-х возможных способов. Все фильтры вызываются одинаково из каскадной таблицы стилей:
filter: имя фильтра (параметр1, параметр2, и т. д.}
Есть 14 типов статических фильтров и 2 типа динамических.
Visual filters
Свойства
объект.style.<имя фильтра> (параметр1 и т. д.)
Значения
<имя фильтра> (параметр1 , параметр2 и. т. д.)
Значение по умолчанию
Нет примененного фильтра
Поддерживается
Всеми элементами
Работает ли механизм наследования
Нет
Возможна ли процентная запись
Нет
Управляет внешним видом объектов при помощи набора встроенных фильтров. Приведем список доступных фильтров и укажем их функции:
Позволяет управлять появлением и исчезновением выбранных видимых объектов. Здесь <длительность> — время, за которое действие фильтра произойдет полностью (в миллисекундах).