Едeницы измерения

Есть две основные категории единиц: относительные и абсолютные (плюс процентные). Лучше использовать относительные единицы, поскольку определение абсолютных требует знания конкретной системы отображения: на какой принтер, монитор или другое устройство будет выводиться информация. Относительные единицы Значения em, en и ex являются типографскими терминами и соотносятся с размерами других символов, рх обозначает пикселы — элементы экрана, размер которых зависит от установок монитора и видеокарты пользователя. В Internet Explorer, начиная с версии 4, em и ех заменены на pt, en — на рх. Абсолютные единицы Значения in, cm, mm, pt, pc in дает значение в дюймах, cm — в сантиметрах, mm — в миллиметрах, pt -в пунктах (72 пт на дюйм) и рс - в пиках (1 пика равна 12 пт). Эти единицы стоит использовать только в том случае, если вы знаете, каким будет размер рабочей области устройства вывода, т. к. браузеры будут пытаться показать все в натуральную величину.

Проценты

Эти цифровые значения задаются как числа (с десятичной точкой или без нее), показывающие отношение к единице длины (обычно размер шрифта текущего элемента). Свойства Dynamic HTML

Свойства шрифта

font

Свойства	font
Значения	<font-size>, [ /<line-height>], <font-family>
Значение по умолчанию	He определено
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Только для <font-size>, <line-height>

Это свойство позволяет устанавливать сразу несколько свойств шрифта в одном месте, с начальными значениями, определенными для используемых свойств (т. е. значение, определенное по умолчанию для <font-size>, отличается от значения по умолчанию <font-family>). Данное свойство может быть использовано с соответствующими значениями, разделенными пробелами или запятыми, если устанавливается несколько шрифтов. fontFamily

Свойства

fontFamily

Значения

Название семейства шрифта (например, Anal)

Значение по умолчанию

Устанавливается браузером

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Вы можете установить несколько возможных значений в порядке предпочтения (на тот случай, когда в браузере нет нужного шрифта). Для этого просто разделите их запятыми. Вы должны закончить родовым названием шрифта (допустимые значения serif, sans-serif, cursive, fantasy или monospace). Если имя шрифта состоит из нескольких слов, вы должны заключить эти слова в кавычки.

font-size

Свойства

fontSize

Значения

Значение по умолчанию

medium

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Да (относительно родительского размера шрифта)

Значения для этого свойства могут быть выражены несколькими способами:

абсолютным размером, допустимые значения хх-small, x-small, small, medium, large, x -large, xx-large;

относительным размером, допустимые значения larger, smaller;

длиной в любых из описанных в начале раздела единицах измерения;

процентным отношением: значения представлены в процентах от родительского размера шрифта.

font-style

Свойства

fontStyle

Значения

normal, italic, oblique

Значение по умолчанию

normal

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Это свойство используется для определения стиля вашего шрифта. Если существует уже готовый вариант шрифта (например, New York Oblique), то он будет применен, в противном случае изменение шрифта будет произведено программно.

font-variant

Свойства

fontVariant

Значения

normal, small-caps

Значение по умолчанию

normal

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Normal — это стандартный вид, установленный по умолчанию, small-caps использует прописные буквы того же размера, что и обычные строчные.

font-weight

Свойства цвета и фона

Свойства	fontWeight
Значения	normal, bold, bolder, lighter или числовые значения от 100 до 900
Значение по умолчанию	normal
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Нет
Определяет жирность шрифта текста, которая зависит от толщины линии. Если используется числовое выражение, то число обязательно должно быть кратным 100: 400 — то же, что и normal, 700 — то же, что и bold.

color

Свойства	color
Значения	Название цвета или его номер
Значение по умолчанию	Зависит от броузера
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Нет

Устанавливает цвет текста элемента страницы. Цвет может быть задан названием (например, green) или номером в соответствии со шкалой RGB. Это значение может быть задано несколькими способами: в шестнадцатеричной системе, например "#FFFFFF", процентами -"80% ,20% ,0%" или в десятичной системе - "245, 0, 20".

Background

Свойства

background

Значения

transparent, <color>, <URL>, <repeat>, <scroTl>, <posltion>

Значение по умолчанию

transparent

Поддерживается

Всеми элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Да (относительно размера самого элемента)

Определяет параметры фона документа. Transparent означает отсутствие фона. Вы можете использовать для фона либо цвет, либо картинку с заданным адресом URL. Адрес может быть абсолютным или относительным, но обязательно должен быть заключен в скобки и располагаться непосредственно за словом url: BODY { background: url (http://mumu.com/image/picture.gif) } Можно использовать и цвет фона, и картинку. В таком случае картинка будет лежать поверх цветного фона. Цвет может быть либо чистым, либо смешанным из двух. Картинка имеет несколько настроек: <repeat> может иметь значения repeat, repeat -х, repeat-у и no-repeat; если эти значения не указаны, значением по умолчанию является repeat; <scroll> определяет при прокручивании страницы, будет ли картинка оставаться на месте или прокручиваться вместе с ней; возможные значения: fixed, scroll; <position> определяет расположение картинки на странице; значения могут быть процентными (горизонтальное, вертикальное), абсолютным расстоянием (горизонтальное, вертикальное) или определенными с помощью ключевых слои (допустимые значения: top, middle, bottom, left, center, right). Также есть возможность определить свойства фона по частям:

background-attachment

Свойства

backgroundAttachment

Значения

fixed, scroll

Значение по умолчанию

scroll

Поддерживается

Всеми элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Нет

Определяет, будет или нет фоновая картинка прокручиваться при прокрутке страницы.

background-color

Свойства

backgroundСolor

Значения

transparent, <color>

Значение по умолчанию

transparent

Поддерживается

Всеми элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Нет

Определяет цвет фона. Может быть один цвет или два смешанных цвета. Цвет задается названием (например, green) или номером по шкале RGB. Это значение может быть задано несколькими способами: в шестнадцатеричной системе например "#FFFFFF", процентами - "80%, 20%, 0%" или в десятичной системе "255,0,0". Синтаксис для использования двух смешанных цветов такой: BODY { background-color: red/blue }

background-image

Свойства

backgroundimage

Значения

<URL>,none

Значение по умолчанию

none

Поддерживается

Всеми элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Нет

С помощью этого свойства можно определить URL-адрес фоновой картинки. Адрес можно задавать абсолютным или относительным, но обязательно он должен быть заключен в скобки и идти непосредственно за словом url.

background-position

Свойства

backgroundposition

Значения

<position>, <length>, top, center, bottom, left,right

Значение по умолчанию

top, left

Поддерживается

Всеми элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Нет

Указывает начальное положение фоновой картинки с помощью двух значений, определяющих занимаемую часть страницы (по горизонтали, по вертикали), абсолютное расстояние (в соответствующих единицах измерения, сначала по горизонтали, потом по вертикали) или используя два ключевых слова из возможных.

background-repeat

Свойства текста

Свойства	backgroundrepeat
Значения	repeat, repeat-x, repeat-у, no-repeat
Значение по умолчанию	repeat
Поддерживается	Всеми элементами
Работает ли механизм наследования	Нет
Возможна ли процентная запись	Нет
Определяет, повторяется ли фоновая картинка для заполнения страницы или элемента. Если используются значения repeat -x, repeat-у, то картинка повторяется лишь вдоль одного направления. По умолчанию устанавливается повторение по обоим направлениям.

letter-spacing

Свойства	letterSpacing
Значения	normal, <length>
Значение по умолчанию	normal
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Нет

Определяет расстояние между буквами, length обозначает добавочное расстояние между буквами. Оно должно быть выражено с указанием единиц измерения.

line-height

Свойства

lineHeight

Значения

<число>, <length>,<percentage>, normal

Значение по умолчанию

normal

Поддерживается

В зависимости от браузера

Работает ли механизм наследования

Да

Возможна ли процентная запись

Да, по отношению к размеру шрифта текущего элемента

Опрелеляет высоту текущей строки. Числовые значения интерпретируются как размер шрифта текущего элемента, умноженный на соответствующий коэффициент (например 1,2). Если используется length, должны указываться единицы измерения. Процентное соотношение используется в сравнении с текущим размером шрифта и должно быть больше 100%.

list-style

Свойства

listStyle

Значения

<ключевое слово>, <position>, <url>

Значение по умолчанию

normal

Поддерживается

В зависимости от браузера

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Определяет, как должны изображаться элементы списка. Может быть использовано для установки всех свойств. Их можно также установить по частям, пользуясь следующими свойствами.

list-style-image

Свойства

listStylelmage

Значения

none,<url>

Значение по умолчанию

none

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Определяет адрес картинки, используемой в качестве маркера или пиктограммы для каждого элемента списка.

list-style-position

Свойства

listStylePosition

Значения

inside, outside

Значение по умолчанию

outside

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Указывает, внутри или вне тела списка должен находиться маркер.

list-style-type

Свойства

listStyleТype

Значения

none,circle,disk, square,decimal,lower-alpha, upper-alpha, lower -roman, upper-roman

Значение по умолчанию

disk

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

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

text-align

Свойства

textAlign

Значения

left, right, center, justify

Значение по умолчанию

disk

Поддерживается

В зависимости от браузера

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Определяет, как текст будет выровнен относительно содержащего его элемента. По существу, делает то же, что и тэг <DIV AUGN= ...>.

text-decoration

Свойства

textDecoration, textDecorationLineThrough, textDecorationUnderLine, textDecorationOverUne

Значения

none,overline, underline,line-through

Значение по умолчанию

none

Поддерживается

Всеми элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Нет

Позволяет добиться специального вида текста. Открыт для расширений, неопознанные расширения интерпретируются как подчеркивание. Это свойство не наследуется, но обычно распространяется на дочерние элементы, лежащие внутри родительских.

text-indent

Свойства

Тypetextlndent

Значения

Значение по умолчанию

Zero

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Да, относительно ширины родительского элемента

Устанавливает величину отступа в единицах измерения или в процентах от ширины родительского элемента.

text-transform

Свойства

textTransform

Значения

capitalize,uppercase,lowercase,none

Значение по умолчанию

none

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

capitalize делает заглавной первую букву каждого слова в элементе;

uppercase делает все буквы в словах элемента заглавными;

lowercase делает все буквы в словах элемента строчными;

nonе снимает все установки, приобретенные в результате наследования

vertical-align

Свойства, связанные с размером и рамкой

Свойства	verticalAlign
Значения	baseline, sub, super, top, text-top,middl bottom, text-bottom, <percentage>
Значение по умолчанию	baseline
Поддерживается	Встроенными элементами
Работает ли механизм наследования	Нет
Возможна ли процентная запись	Да, по отношению к высоте строки
Определяет расположение текущего элемента по вертикали: baseline устанавливает выравнивание по образцу родительского элемента; middle устанавливает вертикальную среднюю линию элемента на основе родительского элемента плюс половина строки последнего; super переводит элемент в верхний регистр; sub переводит элемент в нижний регистр; text-top выравнивает элемент по верху текста, набранного шрифтом родительского элемента; text-bottom выравнивает элемент по низу текста, набранного шрифтом родительского элемента; top выравнивает верх элемента по верху самого высокого элемента текущей строки; bottom выравнивает по низу самого низкого элемента текущей строки.

Значения этих свойств используются для установки характеристик ласти вокруг элемента. Это может быть применено к символам, картинкам и т. д.

border-top-color, border-right-color, border-left-color, border-bottom-color, border-color

<

table width="100%" border="1" cellpadding="2" cellspacing="2" bordercolor="#000000">

Свойства

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-индексом. При положительных значениях элемент ставится перед обычным текстом, при отрицательных - позади него. Таким образом, на страницах создается набор плоских слоев, для которых задается порядок перекрывания.

page-break-after

Свойства	pageBreakAfter
Значения	<auto>, <always>, <left>, <right>
Значение по умолчанию	<auto>
Поддерживается	Всеми элементами
Работает ли механизм наследования	Нет
Возможна ли процентная запись	Нет

Управляет началом и концом страницы, разрывом страницы и тем, где на странице содержание продолжится, т. е. слева или справа.

page-break-before

Свойства фильтров

Все фильтры вызываются с помощью ключевого слова filter. Есть два вида фильтров: статические и динамические. Динамические фильтры разделены на две группы: управляющие переходом (переходные) и управляющие появлением объекта на экране. Фильтры первой группы предназначены для того, чтобы объект накладывался на другие объекты или уходил с соседних объектов. Фильтры второй группы заставляют объекты появляться или исчезать одним из 23-х возможных способов. Все фильтры вызываются одинаково из каскадной таблицы стилей:

filter: имя фильтра (параметр1, параметр2, и т. д.}

Есть 14 типов статических фильтров и 2 типа динамических.

Свойства	pageBreakBefore
Значения	<auto>, <always>, <left>, <right>
Значение по умолчанию	<auto>
Поддерживается	Всеми элементами
Работает ли механизм наследования	Нет
Возможна ли процентная запись	Нет
Управляет началом и концом страницы, разрывом страницы и тем, где на странице содержание продолжится, т. е. слева или справа.

Visual filters

Свойства	объект.style.<имя фильтра> (параметр1 и т. д.)
Значения	<имя фильтра> (параметр1 , параметр2 и. т. д.)
Значение по умолчанию	Нет примененного фильтра
Поддерживается	Всеми элементами
Работает ли механизм наследования	Нет
Возможна ли процентная запись	Нет

Управляет внешним видом объектов при помощи набора встроенных фильтров. Приведем список доступных фильтров и укажем их функции:

Фильтр

Функция

alpha

Задает постоянный уровень прозрачности

blur

Создает эффект движения

chroma

Создает одноцветный транспарант

dropshadow

Обводит силуэт объекта

fliph

Делает горизонтальное отражение картинки

f lipv

Делает вертикальное отражение картинки

glow

Создает эффект «тления»

grayscale

Преобразует объект в черно-белый

Invert

Инвертирует цвета, оттенки и яркость

light

Освещает объект от источника

mask

Делает из объекта маску-транспарант

shadow

Создает силуэт объекта отдельно от объекта

wave

Создает «волнистое» искажение объекта

xray

Показывает только контур объекта

revealtrans

Позволяет открывать или закрывать одни элементы другими, используя 23 встроенных шаблона.

<длительность> — время, за которое превращение с помощью фильтра произойдет полностью (в миллисекундах);

<тип перехода> — целое число, соответствующее номеру применяемого фильтра.

Свойства	объект .style. revealtrans
Значения	(duration = <длительность>, transition = <тип перехода>) revealtrans (duration = < длительность>, transition = <тип перехода>)
Значение по умолчанию	Нет примененного фильтра
Поддерживается	Всеми элементами
Работает ли механизм наследования	Нет
Возможна ли процентная запись	Нет

Тип превращения	Номер фильтра
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=<длительность>)

Значение по умолчанию

Нет примененного фильтра

Поддерживается

Всеми элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Нет

Позволяет управлять появлением и исчезновением выбранных видимых объектов. Здесь <длительность> — время, за которое действие фильтра произойдет полностью (в миллисекундах).

Другие свойства

cursor

События Dinamic HTML

Свойства	cursor
Значения	auto, crosshair, default, hand, move, e-resize, ne-resize, nw-resize, n-resize,se-resize,sw-resize, s-resize,w-resize,text,wait, help
Значение по умолчанию	auto
Поддерживается	Всеми элементами
Работает ли механизм наследования	Нет
Возможна ли процентная запись	Нет
Определяет вид курсора мыши.

Событие	Описание
onabort	Возникает, когда пользователь прерывает загрузку картинки
onafterupdate	Возникает при окончании передачи данных
onbeforeunload	Происходит перед выгрузкой страницы, что позволяет сохранить данные
onbeforeupdate	Возникает перед выгрузкой страницы
onblur	Выход окна из фокуса
onbounce	Происходит в элементе <MARQUEE>, когда значение свойства BEHAVIOR — ALTERNATE и содержимое доходит до конца
onchange	Происходит при изменении содержимого элемента
onclick	Происходит при щелчке на документе
ondataavailable	Возникает периодически, когда данные приходят из асинхронного источника
ondatasetchanged	Происходит при изменении порядка данных, например, во время фильтрации данных
ondatasetcomplete	Возникает, когда все данные из источника становятся доступными
ondblclick	Происходит, когда пользователь дважды щелкает на документе
ondragstart	Происходит, когда пользователь начинает перетаскивание
onerror	Ошибка при передаче
onerrorupdate	Возникает при отмене изменения данных событием onbeforeupdate, заменяя событие onafterupdate
onfilterchange	Возникает при смене состояния статического фильтра или при окончании перехода динамического
onfilterevent	Происходит, когда завершен данный переход фильтра
onfinish	Происходит при окончании цикла в элементе MARQUEE
onfocus	Элемент становится активным
onhelp	Нажатие пользователем клавиши <F1> или <Не1р>
onkeydown	Возникает при нажатии клавиши
onkeypress	Возникает при нажатии клавиши и продолжается при удержании клавиши в нажатом состоянии
onkeyup	Возникает, когда пользователь отпускает клавишу
onload	Возникает при полной загрузке элемента
onmousedown	Происходит, когда пользователь нажимает кнопку мыши
onmousemove	Происходит, когда пользователь двигает мышь
onmouseout	Происходит, когда курсор мыши выходит с элемента
onmouseover	Происходит, когда курсор мыши впервые входит на элемент
onmouseup	Происходит, когда пользователь отпускает кнопку мыши
onreadystatechange	Возникает при изменении свойства readystate
on reset	Происходит при очистке формы
on resize	Изменение пользователем размеров окна
onrowenter	Происходит при изменении данных в текущей строке; доступны новые данные
onrowexit	Происходит перед изменением данных в текущей строке источником
onscroll	Прокрутка окна пользователем
onselect	Происходит при изменении текущего выделения
onsetectsart	Происходит, когда пользователь в первый раз запускает выделенную часть документа
onstart	Происходит при начале прокрутки бегущей строки элемента MARQUEE
onsubmrt	Происходит при отсылке формы на сервер или нажатии кнопки SUBMIT (отправка)
onunload	Возникает непосредственно перед выгрузкой страницы

Таблицы стилей

Cуществует более 70-и свойств, предназначенных для применения в каскадных таблицах стилей Dynamic HTML. Их можно условно разделить на несколько групп. Начнем со сводной информации о единицах измерения, используемых для определения значений свойств.

Тэги HTML

Здесь упорядочены по категориям наиболее часто употребляемые тэги.

Структура документа
<!>	Определяет комментарий, который игнорируется анализатором HTML
<!DOCTYPE>	Объявляет тип и формат содержимого документа
<BASE>	Устанавливает URL-адрес исходного документа
<BODY>	Определяет начало основной части страницы
<COMMENT>	Описывает комментарий, который не отображается
<DIV>	Осуществляет логическое разделение документа, создавая фрагмент внутри него
<HEAD>	Заключает в себе тэги, содержащие невидимую информацию о документе
<HTML>	Идентифицирует документ как содержащий элементы HTML
<LINK>	Используется для обозначения связей между документами
<МЕТА>	Предоставляет различные типы невидимой информации и инструкций для браузера
<NEXTID>	Определяет параметр в тэге <HEAD> для использования текстовыми редакторами
<SPAN>	Используется с таблицей стилей для определения нестандартных атрибутов текста на странице
<STYLE>	Заключает в себе таблицу стилей
Заголовки и названия
<Н1>	Заголовок 1-го уровня
<Н2>	Заголовок 2 -го уровня
<НЗ>	Заголовок 3-го уровня
<Н4>	Заголовок 4-го уровня
<Н5>	Заголовок 5-го уровня
<Н6>	Заголовок 6-го уровня
<TITLE>	Название документа, показываемое в заголовке окна браузера
Абзацы и строки
<BR>	Вставка конца строки
<CENTER>	Выравнивает заключенные в него компоненты по центру
<HR>	Помещает горизонтальную перекладину на страницу
<NOBR>	Устанавливает невозможность обтекания текстом
<?>	Обозначает абзац
<WBR>	Вставляет мягкий перенос строки в блоке текста в тэге <NOBR>
Стили текста
<ADDRESS>	Определяет информацию об адресе, контрольной сумме и авторстве
<В>	Делает текст жирным, где он доступен
<BASEFONT>	Устанавливает шрифт, используемый по умолчанию
<BIG>	Делает шрифт на один пункт больше текущего
<BLOCKQUOTE>	Обозначает отступ в тексте
<СIТЕ>	Выделяет текст курсивом; часто используется для утверждений об авторском праве
<CODE>	Вставляет код в виде текста с фиксированной шириной шрифта
<DFM>	Данный тэг используется для пометки терминов, используемых в первый раз
<ЕМ>	Выделяет текст, обычно курсивом
<FONT>	Определяет вид, размер и цвет шрифта для текста
<I>	Преобразует шрифт текста в курсивный, где это возможно
<KBD>	Используется для отображения на экране текста, который должен ввести пользователь
<LISTING>	Возвращает текст со шрифтом фиксированной ширины
<PLAINTEXT>	Представляет текст шрифтом фиксированной ширины без обработки тэгов
<PRE>	Представляет текст шрифтом фиксированной ширины
<S>	Выводит текст зачеркнутым
<SAMP>	Показывает текст как пример программы
<SMALL>	Определяет, что текст должен быть показан уменьшенным шрифтом относительно основного
<STRIKE>	Выводит текст зачеркнутым
<STRONG>	Выделяет текст жирным шрифтом
<STYLE>	Заключает в себе таблицу стилей
<SUB>	Выделяет текст, переводя его в нижний регистр
<SUP>	Переводит текст в верхний регистр, как степень
<ТТ>	Устанавливает шрифт фиксированной ширины
<U>	Делает текст подчеркнутым
<VAR>	Устанавливает мелкий шрифт, иногда курсив, фиксированной ширины, используемый обычно для обозначения переменных
<ХМР>	Показывает текст шрифтом фиксированной ширины
Списки
<DD>	Используется внутри списка определений для задания текста в тэге <DT>
<DIR>	Возвращает текст как список каталога
<DL>	Используется для создания списка элементов со связанными описаниями
<DT>	Обозначает определение, описание которого находится в следующем за ним тэге <00>
<L l>	Обозначает один элемент в нумерованном или маркированном списке <MENU>
<OL>	Преобразует строки текста с тэгами <L l> в нумерованный список
<UL>	Преобразует строки текста с тэгами <L l> в маркированный список
Таблицы
Перечисленные ниже тэги определяют:
<CAPTION>	Заголовок таблицы
<COL>	Вид столбцов таблицы по умолчанию
<COLGROUP>	Контейнер для группы столбцов
<ТАВLЕ>	Раздел тэгов <TR>, <TD> и <ТН>, организованных по строкам и столбцам
<TBODY>	Раздел, содержащий тэги <TR> и <TD>, который формирует основную часть таблицы
<TD>	Ячейки таблицы
<TFOOT>	Набор строк для использования в нижней части таблицы
<ТН>	Строку заглавия таблицы; содержимое выровнено по центру и выводится жирным шрифтом <THEAD> Набор строк, используемых как заголовок таблицы
<TR>	Строку таблицы
Ссылки
Следующие тэги определяют:
<А>	Гиперссылку; обязательно задавать атрибуты HREF или NAME
<А HREF="url">	Гиперссылку на элемент другого документа
<А> МАМЕ="имя">	Гиперссылку на элемент этого же документа
Графика, объекты, мультимедиа и сценарий
<APPLET>	Помещает апплет Java или другой выполняемый элемент на страницу
<AREA>	Определяет форму активного участка изображения-карты клиента
<BGSOUND>	Определяет фоновое звуковое сопровождение страницы
<EMBED>	Внедряет документы любого типа на страницу для просмотра соответствующим приложением
<IMG>	Используется для вставки графического элемента или видеоклипа на страницу
<МАР>	Задает коллекцию активных участков изображения-карты клиента
<MARQUEE>	Создает на странице бегущую строку текста
<NOSCRIPT>	Определяет, что будет показывать'браузер, не поддерживающий сценарии
<OBJECT>	Встраивает объект или другой элемент управления, не встроенный в HTML, на страницу
<PARAM>	Используется в тэге <OBJECT> для установки свойств объекта
<SCRIPT>	Определяет раздел страницы, который должен обрабатываться интерпретатором кода сценария
Формы
<BUTTON>	Создает на странице кнопку HTML
<FIELDSET>	Рисует прямоугольник вокруг содержащихся в нем элементов для обозначения связанных объектов
<FORM>	Описывает форму на странице, которая может содержать другие компоненты и элементы управления
<INPUT>	Задает параметры элемента управления формы
<LABEL>	Определяет текст метки или заголовка для блока элементов управления
<LEGEND>	Определяет текст, помещаемый в прямоугольник, созданный тэгом<FIELDSET>
<OPTION>	Обозначает одну из альтернатив в элементе SELECT
<SELECT>	Определяет поле списка или выпадающий список
<TEXTAREA>	Обозначает поле ввода, состоящее из нескольких строк
Фреймы
<FRAME>	Определяет конкретный фрейм внутри набора фреймов
<FRAMESET>	Определяет набор фреймов, который содержит фреймы или подчиненные наборы
<IFRAME>	Используется для создания встроенных «плавающих» фреймов на странице
<NOFRAMES>	Определяет, что именно будет показывать браузер, не поддерживающий фреймы

Главная сайта