Иллюстрированный самоучитель по WEB-графике

Ед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
Значения <absolute>, <relative>, <length>, <percentage>
Значение по умолчанию 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
    Значения <length>,<percentage>
    Значение по умолчанию 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 Возникает непосредственно перед выгрузкой страницы

    Содержание раздела