Свойства связанные с размером и рамкой
Свойства, связанные с размером и рамкой
| Значения этих свойств используются для установки характеристик ласти вокруг элемента. Это может быть применено к символам, картинкам и т. д. |
| border-top-color, border-right-color, border-left-color, border-bottom-color, border-color |
|
| Свойства |
borderTopColor, borderRightColor,borderleftColor, borderBottomColor, borderColor |
| Значения |
<color> |
| Значение по умолчанию |
<нет цвета > |
| Поддерживается |
Блоками элементов и замещаемыми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет цвет четырех сторон рамок. Подставив вместо цвета URL картинки, вы сделаете так, что картинка будет повторяться, создавая рамку. |
| border-top-style, border-right-style, border-left-style, border-bottom-style, border-style |
|
| Свойства |
borderTopStyle, borderRightStyle, borderLeftStyle, borderBottomStyle, borderStyle |
| Значения |
none, solid, double, groove, ridge, inset,outset |
| Значение по умолчанию |
none |
| Поддерживается |
Блоками элементов и замещаемыми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет стиль четырех сторон рамок. |
| border-top, border-right, border-left, border-bottom, border |
|
| Свойства |
borderTop, borderRignt, borderLeft, borderBottom, border |
| Значения |
<border-width>, <border-style>, <color> |
| Значение по умолчанию |
medium, none, <нет цвета> |
| Поддерживается |
Блоками элементов и замещаемыми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
Определяет свойства четырех сторон рамок. Работает так же, как свойства отступов, за исключением того, что рамка видна:
- <border-width> (ширина рамки) может быть medium, thin, thick или задана в единицах измерения;
- <border-style> (стиль рамки) может быть nonе или solid.
Аргумент color используется для определения цвета заполнения фона элемента, пока он загружается, а также позади прозрачных частей элемента. Если передать вместо него адрес картинки, картинка будет повторяться, заполняя контур рамки. |
| border-top-width, border-right-width, border-left-width, border-bottom-width, border-width |
|
| Свойства |
borderTopWidth, borderRightWidth, borderLeftWidth, borderBottomWidth, borderWldth |
| Значения |
thin, medium, thick <length> |
| Значение по умолчанию |
medium |
| Поддерживается |
Блоками элементов и замещаемыми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет ширину рамки вокруг элемента. Каждая сторона может быть задана соответствующим свойством. Мы можем также заменить установку четырех индивидуальных свойств установкой одного свойства 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-top, margin-right, margin-left, margin-bottom, margin |
|
| Свойства |
marginTop, marginRight, marginLeft, marginBottom, margin |
| Значения |
auto, <length>, <percentage> |
| Значение по умолчанию |
Zero |
| Поддерживается |
Блоками элементов и замещаемыми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Да, относительно ширины родительского элемента |
| Определяет размер отступов вокруг данного элемента. Свойство margin служит для задания четырех отступов. Если используется несколько значений, но меньше, чем четыре, оставшиеся противоположные стороны будут равными. Эти значения устанавливают минимальное расстояние между текущим элементом и остальными. |
| overflow |
|
| Свойства |
overflow |
| Значения |
none, clip, scroll |
| Значение по умолчанию |
none |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
Это свойство управляет тем, что произойдет, если содержимое элемента выйдет за его границы:
- none - если элемент выйдет за пределы своего фрагмента, то он все равно будет изображен (например, часть текста, для которой не хватило места в отведенной полосе);
- clip — выступающие части элемента будут обрезаны;
- scroll — пользователь сможет увидеть выходящие за пределы элемента части с помощью прокрутки.
|
| padding-top, padding-right, padding-left, padding-bottom, padding |
|
| Свойства |
paddingTop, paddingRight, paddingLeft, paddingBottom, padding |
| Значения |
auto, <length>, <percentage> |
| Значение по умолчанию |
Zero |
| Поддерживается |
Блоками элементов и замещаемыми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Да, относительно ширины родительского элемента |
| Определяет расстояние между содержимым и рамкой элемента. Свойство 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-индексом. При положительных значениях элемент ставится перед обычным текстом, при отрицательных - позади него. Таким образом, на страницах создается набор плоских слоев, для которых задается порядок перекрывания. |
Свойства печати
| Свойства |
pageBreakAfter |
| Значения |
<auto>, <always>, <left>, <right> |
| Значение по умолчанию |
<auto> |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Управляет началом и концом страницы, разрывом страницы и тем, где на странице содержание продолжится, т. е. слева или справа. |
| page-break-before |
|
| Свойства |
pageBreakBefore |
| Значения |
<auto>, <always>, <left>, <right> |
| Значение по умолчанию |
<auto> |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Управляет началом и концом страницы, разрывом страницы и тем, где на странице содержание продолжится, т. е. слева или справа. |
Свойства фильтров
Все фильтры вызываются с помощью ключевого слова filter. Есть два вида фильтров: статические и динамические. Динамические фильтры разделены на две группы: управляющие переходом (переходные) и управляющие появлением объекта на экране. Фильтры первой группы предназначены для того, чтобы объект накладывался на другие объекты или уходил с соседних объектов. Фильтры второй группы заставляют объекты появляться или исчезать одним из 23-х возможных способов. Все фильтры вызываются одинаково из каскадной таблицы стилей:
filter: имя фильтра (параметр1, параметр2, и т. д.}
Есть 14 типов статических фильтров и 2 типа динамических.
| Свойства |
объект.style.<имя фильтра> (параметр1 и т. д.) |
| Значения |
<имя фильтра> (параметр1 , параметр2 и. т. д.) |
| Значение по умолчанию |
Нет примененного фильтра |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Управляет внешним видом объектов при помощи набора встроенных фильтров. Приведем список доступных фильтров и укажем их функции: |
|
| Фильтр |
Функция |
| alpha |
Задает постоянный уровень прозрачности
|
| blur |
Создает эффект движения
|
| chroma |
Создает одноцветный транспарант
|
| dropshadow |
Обводит силуэт объекта
|
| fliph
|
Делает горизонтальное отражение картинки
|
| f lipv |
Делает вертикальное отражение картинки
|
| glow |
Создает эффект «тления»
|
| grayscale |
Преобразует объект в черно-белый
|
| Invert |
Инвертирует цвета, оттенки и яркость
|
| light |
Освещает объект от источника
|
| mask |
Делает из объекта маску-транспарант
|
| shadow |
Создает силуэт объекта отдельно от объекта
|
| wave
|
Создает «волнистое» искажение объекта
|
| xray
|
Показывает только контур объекта
|
| revealtrans |
|
| Свойства |
объект .style. revealtrans |
| Значения |
(duration = <длительность>, transition = <тип перехода>)
revealtrans (duration = < длительность>, transition = <тип перехода>) |
| Значение по умолчанию |
Нет примененного фильтра |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
Позволяет открывать или закрывать одни элементы другими, используя 23 встроенных шаблона.
- <длительность> — время, за которое превращение с помощью фильтра произойдет полностью (в миллисекундах);
- <тип перехода> — целое число, соответствующее номеру применяемого фильтра.
| Тип превращения
|
Номер фильтра |
| Box In (стягивающийся прямоугольник)
|
0 |
| Box Out (расширяющийся прямоугольник)
|
1 |
| Circle In (стягивающийся круг)
|
2 |
| Circle Out (расширяющийся круг)
|
3 |
| Wipe Up (стирание вверх)
|
4 |
| Wipe Down (стирание вниз)
|
5 |
| Wipe Right (стирание вправо)
|
6 |
| Wipe Left (стирание влево)
|
7 |
| Vertical Blinds (вертикальные жалюзи)
|
8 |
| Horisontal Blinds (горизонтальные жалюзи)
|
9 |
| Checkerboard Across («сужающиеся» клетки шахматной доски)
|
10 |
| Checkerboard Down («закрывающаяся» шахматная доска)
|
11 |
| Random Dissolve (случайный наплыв)
|
12 |
| Split Vertical In (вертикальное деление внутрь)
|
13 |
| Split Vertical Out (вертикальное деление наружу)
|
14 |
| Split Horisontal In (горизонтальное деление внутрь)
|
15 |
| Split Horisontal Out (горизонтальное деление наружу)
|
16 |
| Strips Left Down (стирание влево/вниз)
|
17 |
| Strips Left Up (стирание влево/вверх)
|
18 |
| Strips Right Down (стирание вправо/вниз)
|
19 |
| Strips Right Up (стирание вправо/вверх)
|
20 |
| Random Bars Horisontal
|
|
| (случайно расположенные полосы по горизонтали)
|
21 |
| Random Bars Vertical (случайно расположенные полосы по вертикали)
|
22 |
| Random selection of (0-22) (случайный выбор из предыдущих)
|
23 |
| blendtrans |
|
| Свойства |
объект, style, |
| Значения |
(duration= <длительность>) blendtransblendTrans(duration=<длительность>) |
| Значение по умолчанию |
Нет примененного фильтра |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Позволяет управлять появлением и исчезновением выбранных видимых объектов. Здесь <длительность> — время, за которое действие фильтра произойдет полностью (в миллисекундах). |
Содержание Назад Вперед
Forekc.ru
Рефераты, дипломы, курсовые, выпускные и квалификационные работы, диссертации, учебники, учебные пособия, лекции, методические пособия и рекомендации, программы и курсы обучения, публикации из профильных изданий