Приложение 2. События вHtmLи их источники

Мышь

Клавиатура

Загрузка-выгрузка объекта

Работа с внешними данными

Выделение на странице

Форма

Печать

Прочие

onclick

onhelp

onabort

onafterupdate

onbeforecopy

onchange

onafterprint

onbeforeeditfocus

oncontextmenu

onkeydown

onbeforeunload

onbeforeupdate

onbeforecut

onreset

onbeforeprint

onblur

ondblclick

onkeypress

onerror

oncellchange

onbeforepaste

onselect

onbounce

ondrag

onkeyup

onload

ondataavailable

oncopy

onsubmit

onfilterchange

ondragend

onstop

ondatasetchanged

oncut

onfinish

ondragenter

onunload

ondatasetcomplete

onpaste

onfocus

ondragleave

onerrorupdate

onselectstart

onpropertychange

ondragover

onrowenter

onreadystatechange

ondragstart

onrowexit

onstart

ondrop

onrowsdelete

onmousedown

onrowsinserted

onmousemove

onmouseout

onmouseover

onmouseup

onlosecapture

onresize

onscroll

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

font

Составное

font

font-family

Arial,Serif, …

fontFamily

font-size

large,larger, 12pt, 50%

fontSize

font-style

normal, italic

fontStyle

font-variant

normal, small-caps

fontVariant

font-weight

normal, bold, bolder, lighter, от 100 до 900

fontWeight

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

direction

ltr, rtl, inherit

direction

Направление текста (слева направо, справа налево, наследуемое)

letter-spacing

normal или число (1.2 mm)

letterSpacing

Расстояние между буквами

line-height

normal,15pt, 110%

lineHeight

Высота текущей строки

text-align

left, right, center, justify

textAlign

Выравнивание текста

text-decoration

none, overline, underline, line‑through, blink

textDecoration

true, false

textDecorationNone

true, false

textDecorationLineThrough

true, false

textDecorationOverline

true, false

textDecorationUnderline

text-indent

1.2cm, 0.1%

textIndent

Величина абзацного отступа

text-transform

none, capitalize, uppercase, lowercase

textTransform

vertical-align

baseline, sub, super, top, middle, bottom, text-top, text‑bottom

verticalAlign

cssText

CSS-спецификация текста

Свойства списка

list-style

Составное

listStyle

Применяется к элементам OL,UL,LI

list-style-image

none, url(URL картинки)

listStyleImage

Картинка в качестве маркера

list-style-position

outside, inside

listStylePosition

Размещение маркера или номера относительно элементов списка

list-style-type

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

listStyleType

Тип маркера или номера элементов списка

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

background

Составное

background

background-attachment

scroll, fixed

backgroundAttachment

Прокрутка фона

background-color

transparent или цвет

backgroundColor

background-image

none или URL картинки

backgroundImage

background-repeat

repeat, no-repeat, repeat-x, repeat-y

backgroundRepeat

background-position

left, right, center, top, bottom или пара чисел (x y)

backgroundPosition

Число

backgroundPositionX

X-координата фона

Число

backgroundPositionY

Y-координата фона

color

Цвет

color

Свойства размера и рамки

height

autoили размер (строка, напр., 1px)

height

Высота объекта

Размер (число в ранее установленных единицах)

posHeight

Размер (число в пикселах)

pixelHeight

width

autoили размер

width

Ширина объекта

Как в posHeight

posWidth

Как в pixelHeight

pixelWidth

border

Составное

border

Рамка объекта

border-color

Цвет

borderColor

border-style

none, dotted, dashed, solid, double, groove, ridge, inset, outset

borderStyle

border-width

medium, thin, thick, толщина (1mm, 5px, …)

borderWidth

border-bottom

Составное. Аналогично border

borderBottom

Свойства нижней части рамки

border-bottom-color

borderBottomColor

border-bottom-style

borderBottomStyle

border-bottom-width

borderBottomWidth

border-left

Составное. Аналогично border

borderLeft

Свойства левой части рамки

border-left-color

borderLeftColor

border-left-style

borderLeftStyle

border-left-width

borderLeftWidth

border-right

Составное. Аналогично border

borderRight

Свойства правой части рамки

border-right-color

borderRightColor

border-right-style

borderRightStyle

border-right-width

borderRightWidth

border-top

Составное. Аналогично border

borderTop

Свойства верхней части рамки

border-top-color

borderTopColor

border-top-style

borderTopStyle

border-top-width

borderTopWidth

border-collapse

separate, collapse

borderCollapse

Соединение/разделение линий рамки

clear

none, left, right, both

clear

Конец обтекания

float

none, left, right

styleFloat

Обтекание элемента

margin

Составное

margin

Величина отступа от объекта с 4 сторон

margin-bottom

autoили расстояние

marginBottom

Величина отступа снизу

margin-left

autoили расстояние

marginLeft

Величина отступа слева

margin-right

autoили расстояние

marginRight

Величина отступа справа

margin-top

autoили расстояние

marginTop

Величина отступа сверху

padding

Расстояние

padding

Величина отступа содержимого от границ объекта с 4 сторон

padding-bottom

Расстояние

paddingBottom

Величина отступа содержимого от одной из границ объекта

padding-left

Расстояние

paddingLeft

padding-right

Расстояние

paddingRight

padding-top

Расстояние

paddingTop

table-layout

auto, fixed

tableLayout

Ширина столбцов определяется содержимым или задаётся

Свойства видимости

display

block, inline, list-item, table-header-group, table-footer-group, none

display

Способ показа объекта на экране. В случае noneобъект не показывается и его место на экране не сохраняется

visibility

hidden, visible, inherit

visibility

В случае hiddenобъект не показывается, но его место на экране сохраняется

overflow

visible, scroll, hidden, auto

overflow

Способ показа содержимого объекта

Свойства позиционирования

position

static,absolute,relative

position

Указывает, как учитываются следующие свойства позиционирования. В случае staticони игнорируются. В случаеabsoluteсвойстваleftиtopуказывают положение объекта относительно начала документа, а в случаеrelative– относительно его обычной (static) позиции

left

autoили расстояние (строка, напр., 1px)

left

Отступ левой границы объекта

расстояние (число в ранее установленных единицах)

posLeft

расстояние (число в пикселах)

pixelLeft

top

autoили расстояние (строка)

top

Отступ верхней границы объекта

Как в posLeft

posTop

Как в pixelLeft

pixelTop

bottom

autoили расстояние (строка)

bottom

Отступ нижней границы объекта

Как в posLeft

posBottom

Как в pixelLeft

pixelBottom

right

autoили расстояние (строка)

right

Отступ правой границы объекта

Как в posLeft

posRight

Как в pixelLeft

pixelRight

z-index

autoили уровень (-1, 0, 1, 5, …)

zIndex

Задаёт порядок отображения перекрывающихся объектов: чем больше уровень, тем ближе к наблюдателю

clip

autoилиrect(верхняя, правая, нижняя, левая)

clip

Абсолютные границы окна (относительно начала документа), попав в которое, часть объекта становится видна

Свойства печати

page-break-after

always,auto, ""

pageBreakAfter

Вставка конца страницы после печати объекта

page-break-before

always,auto, ""

pageBreakBefore

Вставка конца страницы до печати объекта

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

filter 

alpha(…)

filter 

Уровень прозрачности

blendTrans(…)

Появление\исчезание

blur(…)

Эффект движения

chroma(…)

Делает заданный цвет прозрачным

dropShadow(…)

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

flipH(…)

Отражение по горизонтали

flipV(…)

Отражение по вертикали

glow(…)

Эффект «тления»

gray(…)

Преобразует цвет в оттенки серого

invert(…)

Инвертирует цветовые оттенки

light(…)

Освещает объект

mask(…)

Делает из объекта теневую маску

revealTrans(…)

Эффект появления\ис­чезания объекта

shadow(…)

Создание тени

wave(…)

Волнистое искажение объекта

xray(…)

Показывает контур объекта («рентген»)

Форма курсора

cursor

auto

cursor

Автоматически выбирается по контексту

crosshair

Перекрестие

default

Стандартный

hand

Рука

move

Крест со стрелками

*-resize

Стрелка изменения размера (* может бытьn,ne,nw,s,se,sw,e,orw– обозначения направлений компаса).

text

Текстовый курсор (обычно "|")

wait

Курсор ожидания (обычно часы)

help

Курсор подсказки (обычно "?")