Терминология (стр. 4 )

Первый Второй Третий Четвертый

Атрибуты SELECT:

· name;

· multiple -этот атрибут позволяет выбрать сразу несколько пунктов сразу. Он не имеет значений;
<SELECT multiple>

· size -показывает количество видимых на экране пунктов списка (после щелчка по кнопке выбора);

Стандартные атрибуты элемента SELECT: disabled, tabindex, id, class, lang, dir, title, style, title и атрибуты событий.

Атрибуты OPTION:

· selected -(без значений) определяет пункт меню, выбранный по умолчанию (в списке может быть выбран только один пункт). Выбранный пункт характеризуется дополнительными атрибутами name, value.

Стандартные атрибуты OPTION: disabled, id, class, lang, dir, title, style, title и атрибуты событий.

Наверх

<TEXTAREA></textarea>

<TEXTAREA name="text" rows="5" cols="20">
Объект TEXTAREA
</textarea>

Объект TEXTAREA

Атрибуты:

· rows -количество строк по вертикали;

· cols -количество столбцов по горизонтали;

· name - см. выше;

· readonly - см. выше.

Этот элемент очень удобен, так как внутри него можно ввести очень большой фрагмент текста.

TEXTAREA может использоваться и отдельно от форм, как самостоятельный объект.

Стандартные атрибуты элемента SELECT: disabled, tabindex, id, class, lang, dir, title, style, title и атрибуты событий.

Наверх

<BUTTON></button>

Находится в стадии разработки

Этот элемент подобен INPUT, но с помощью этого объекта можно составлять более сложные комбинации (текст и рисунок)

<BUTTON name="Имя" value="submit" type="submit">
Текст<IMG src="Файл. gif" alt="Подсказка" type="submit"></button>

Текст

Атрибут type принимает значения:

· button- произвольная кнопка;

· submit- кнопка, подтверждающая форму;

· reset- кнопка, очитки формы.

Стандартные атрибуты элемента SELECT: accesskey, disabled, tabindex, id, class, lang, dir, title, style, title и атрибуты событий.

Наверх

<FIELSET><LEGEND></legend></fielset>

<FIELDSET>
<LEGEND>Заголовок</legend>
Имя: <INPUT name="imja" type="text">
Фамилия: <INPUT name="familija" type="text">
ICQ: <INPUT name="ICQ" type="text">
Подсказка
</fieldset>

ЗаголовокИмя: Фамилия: ICQ: Подсказка

C помощью FIELDSET элементы формы выделяются рамочкой. Это элемент-контейнер, следовательно, в него можно поместить и другие элементы.

Атрибуты:

· align - см. выше;

Стандартные атрибуты элемента LEGEND: accesskey, id, class, lang, dir, title, style, title и атрибуты событий.

Наверх

Атрибуты событий

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

События, связанные с мышью:

· onclick -щелчок мышью на элементе;

· ondblclick -двойной щелчок мышью на элементе;

· onmousedown -кнопка мыши нажата;

· onmouseup -кнопка мыши отпущена;

· onmousemove -указатель мыши перемещен в область элемента;

· onmouseover -указатель мыши расположен на элементе;

· onmouseout -указатель мыши перемещен за границы области элемента.

События, связанные с выбором элементов и редактированием форм:

· onfocus -элемент выбран (фокусирован);

· onselect -часть текста внутри элемента выделена;

· onchange -данные в элементе были изменены;

· onblur -элемент перестал быть выбран (потерял фокус).

События, связанные с клавиатурой:

· onkeydown -клавиша нажата;

· onkeyup -клавиша отпущена;

· onkeypress -клавиша нажата и отпущена.

Наверх

Свойства таблиц стилей

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

Все свойства могут иметь стандартное занчение inherit - наследование свойств родительского элемента.

Наверх

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

Если используются числовые значения, то они могут принимать следующие значения:

Единицы длины:

· cm -сантиметр;

· in - дюйм (2,54 см);

· mm -миллиметр;

· pc - пика (1/6 дюйма);

· pt - пункт (1/72 дюйма);

· px - пиксел;

Единицы времени:

· ms -миллисекунда;

· s -секунда;

Величины, указанные в процентах, обозначаются знаком %.

Наверх

Шрифты

font-family

Значения: названия шрифтов, которые могут быть использованы на Web-странице.

Пример:
BODY {font-family: Times New Roman, Verdana, Tahoma}

font-style

Стиль шрифта

Значения:

· normal -обычный;

· italic, oblique -курсив.

font-variant

Это еще один стиль шрифта

Значения:

· normal -обычный;

· small-caps -малые прописные.

Пример:
P {font-variant:small-caps}

font-weight

Это толщина символов.

Значения:

· normal -обычный (400);

· bold -жирные (600-700);

· bolder -жирнее;

· lighter -менее жирнее;

· 100, 200, 300, 400, 500, 600, 700, 800, 900 - допустимые числовые значения.

font-size

Это размер шрифта.

Значения:

· xx-small, x-small, small, medium, large, x-large, xx-large - абсолютные значения;

· Npt -значение в пунктах;

· N% -процентное значение;

· larger, smaller - относительные значения.

Пример:
P {font-size:10pt}

font

Это выбор определенного шрифта, применяемого к конкретным элементам.

Значения могут принимать свойства: font-family, font-style, font-variant, font-weight, font-size, line-height.

Значения:

· caption -полужирный шрифт для элементов управления;

· icon -шрифт для пиктограмм;

· menu -шрифт для меню;

· messagebox -шрифт для окон диалога;

· smallcups -шрифт для небольших элементов управления;

· statusbar -шрифт для строки состояния.

Пример:
P. iconka {font:icon}

Наверх

Форматирование текста

text-indent

Это величина отступа первой строки абзаца.

Значения: числовые.

text-align

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

Значения:

· left - по левому краю;

· right - по правому краю;

· center - по центру;

· justify - по ширине.

text-decoration

Это оформление текста.

Значения:

· none - без оформления;

· underline -подчеркивание;

· overline -черта сверху;

· line-though -перечеркивание;

· blink - мигание (не для всех броузеров).

text-shadow

Не поддерживается большинством знаменитых броузеров. Вы можете создавать тени к тексту.

Значения - список величин, определяющих характеристики тени.

Пример:
P {text-shadow: 3pt 3pt 4pt white} - создание тени белого цвета справа и снизу с 4-м радиусом размытия

letter-spacing

Задает межбуквенный интервал.

Значения:

· normal -определяется броузером;

· числовые;

· auto - интервал меняется так, что текст строки умещается в одну строку. Не поддерживается рядом броузеров.

Пример:
P {letter-spacing: 15pt}

line-height

Высота строк.

Значения:

· normal -определяется броузером (1;

· числовые.

· число - размер шрифта (значение свойства font-size) умножается на эту величину;

· процентное -по отношению к значению font-size.

word-spacing

Выбор расстояния между словами.

Значения:

· normal -определяется броузером;

· числовые.

text-transform

Изменение вида букв.

Значения:

· none - без изменения;

· capitalize -первая буква каждого слова прописная;

· uppercase -все буквы прописные;

· lowercase - все буквы строчные.

white-space

Определяет вид пробелов.

Значения:

· normal -автоматическое форматирование текста;

· pre - текст остается без изменений (сходно с PRE);

· nowrap -запрет на автоматический разрыв строк.

Пример:
<P style="white-space: normal">

direction

Направление текста (сходно с dir).

Значения:

· ltr - слева направо;

· rtl -справа налево.

Наверх

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

list-style-type

Определение видов маркеров в списке.

Значения:

· none - без маркеров;

· disc -круги;

· circle -окружности;

· square -квадраты;

· demical -арабские цифры;

· lower-roman -римские цифры на основе строчных латинских букв (i, v, x...);

· upper-roman -римские цифры на основе прописных латинских букв (I, V, X...);

· lower-alpha -строчные латинские буквы (a, b, c...);

· upper-alpha -прописные латинские буквы (A, B, C...).

Пример:
li {list-style-type: square}

list-style-image

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

Значения:

· none;

· адрес графического файла.

list-style-position

Положение маркера относительно списка.

Значения:

· inside -маркер внутри списка;

· outside - маркер вне списка.

list-style

Определяет вид маркеров. В качестве значения может использоваться несколько величин свойств: list-style-type, list-style-image, list-style-position.

Пример:
UL {list-style: circle outside}

Наверх

Свойства таблиц

display

.

Значения:

· table -таблица (аналог элемента TABLE);

· table-caption -заголовок таблицы (аналог элемента CAPTION);

· table-column -колонка таблицы (аналог элемента COL);

· table-colunm-group -группа колонок (аналог элемента COLGROUP);

· table-row -строка таблицы (аналог элемента TR);

· table-row-group -группа строк (аналог элемента TBODY);

· table-header-group -группа строк в начале таблицы (аналог элемента THEAD);

· table-footer-group -группа строк в конце таблицы (аналог элемента TFOOT);

· table-cell -ячейка таблицы (аналог элемента TD).

row-span

Количество строк, которое займет ячейка.

column-span

Количество столбцов, которые займет ячейка.

border-collapse

Способ прорисовки рамки.

Значения:

· separate -трехмерная рамка;

· collapse - плоская рамка.

border

Свойства рамки (толщина, цвет, тип).

Значения:

· none или hidden - нет рамки;

· dotted -точечная рамка;

· dashed -пунктирная рамка;

· solid -сплошная рамка;

· double -двойная рамка;

· groove -двугранная рамка;

· ridge -такая же, как groove, но темная и светлая грани расположены иначе;

· inset -грань наклонена внутрь;

· outset -такая же, как inset, но свет грани другой.

vertical-align

Способ вертикального выравнивания.

Значения:

· процентное;

· top - по верхнему краю;

· middle - по центру;

· bottom - по нижнему краю;

· baseline - по первой строке текста в ячейке.

table-layout

Способ формирования таблицы.

Значения:

· auto - по умолчанию;

· fixed - ускоренный.

Наверх

Свойства границ элементов

width

Ширина.

Значения:

· auto - по умолчанию;

· числовые;

· процентные.

min-width и max-width

Минимально и максимально допустимая ширина объекта.

Значения:

· auto - по умолчанию;

· числовые;

· процентные.

height

Высота.

Значения:

· auto - по умолчанию;

· числовые;

· процентные.

min-height и max-height

Минимально и максимально допустимая высота объекта.

Значения:

· auto - по умолчанию;

· числовые;

· процентные.

position

Алгоритм вычисления координат границ объекта.

Значения:

· normal - по умолчанию;

· relative -вычисляется положение объекта, a потом смещение объекта;

· absolute -координаты вычисляются относительно границ контейнера;

· fixed - то же, что и absolute, но с запрещенной прокруткой.

top, bottom, right, left

Координаты верхней, нижней, правой, левой границ элемента.

Значения:

· auto - по умолчанию;

· числовые;

· процентные.

margin-top, margin-right, margin-bottom, margin-left

Размер пустого пространства рядом с определенной стороной элемента.

Значения:

· auto - по умолчанию;

· числовые;

· процентные.

margin

Отступы вокруг элемента.

Значения:

· auto - по умолчанию;

· числовые;

· процентные.

Пример:
P {margin: 10pt 10pt 10pt 10pt}

padding-top, padding-right, padding-bottom, padding-left

Отступы между определенной границей элемента и его содержимым.

Значения:

· auto - по умолчанию;

· числовые;

· процентные.

padding

Отступы между границами элемента и его содержимым.

Значения:

· auto - по умолчанию;

· числовые;

· процентные.

Пример:
P {padding: 10pt 10pt 10pt 10pt}

border-top-width, border-right-width, border-bottom-width, border-left-width

Ширина рамки.

Значения:

· thin -тонкая;

· medium -средняя;

· thick -широкая;

· числовое.

border-width

Толщина рамки.

Значения:

· thin -тонкая;

· medium -средняя;

· thick -широкая;

· числовое.

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

Цвет элементов рамки.

border-color

Цвет рамки.

border-top-style, border-right-style, border-bottom-style, border-left-style

Вид элементов рамки.

Значения:

· none или hidden - нет рамки;

· dotted -точечная рамка;

· dashed -пунктирная рамка;

· solid -сплошная рамка;

· double -двойная рамка;

· groove -двугранная рамка;

· ridge -такая же, как groove, но темная и светлая грани расположены иначе;

· inset -грань наклонена внутрь;

· outset - такая же, как inset, но свет грани другой.

border-style

Вид рамки.

Значения:

· none или hidden - нет рамки;

· dotted -точечная рамка;

· dashed -пунктирная рамка;

· solid -сплошная рамка;

· double -двойная рамка;

· groove -двугранная рамка;

· ridge -такая же, как groove, но темная и светлая грани расположены иначе;

· inset -грань наклонена внутрь;

· outset - такая же, как inset, но свет грани другой.

border-top

Одновременное задание свойств border-top-width, border-top-color, border-top-style.

Пример:
P {border-top: thick dotted white}

border-bottom

Одновременное задание свойств border-bottom-width, border-bottom-color, border-bottom-style.

Пример:
P {border-bottom: thick dotted white}

border-left

Одновременное задание свойств border-left-width, border-left-color, border-left-style.

Пример:
P {border-left: thick dotted white}

border-right

Одновременное задание свойств border-right-width, border-right-color, border-right-style.

Пример:
P {border-right: thick dotted white}

border

Одновременное задание свойств border-width, border-color, border-style.

Пример:
P {border: thick dotted white}

overflow

Способ изменения размеров объекта, если оно не может быть показано целиком.

Значения:

· auto -определяется броузером (по умолчанию);

· visible -содержимое видно;

· hidden -размеры не изменяются;

· scroll - с прокруткой.

float

Способ обтекания элемента другими элементами.

Значения:

· none - нет обтекания;

· left -слева;

· right -справа.

Пример:
IMG {float: right}

clear

Способ расположения элемента, следующего за элементом, выровненном по левому (правому) краю.

Значения:

· none - по умолчанию;

· left -слева;

· right -справа;

· both -слева и справа.

clip

Определение видимой части объекта.

Значения:

· auto -определяется броузером (по умолчанию);

· прямоугольник, «вырезающий» часть объекта.

Пример:
P {clip: rect(10px 15px 15px 10px);}

visibility

Видимость объекта.

Значения:

· visible -видимый;

· hidden -невидимый.

z-index

Способ перекрытия объектов. Объект с большим значение находится выше.

Значения:

· auto -«нулевой уровень» по умолчанию;

· отрицательное числовое -«ниже» «нулевого уровня»;

· положительное числовое -«выше» «нулевого уровня».

Наверх

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

color

Цвет элемента или содержимого.

Пример:
P {color:rgb(255, 120, 120)}
U {color: white}

background-color

Цвет фона.

Значения:

· transparent -прозрачный цвет;

· значение цвета в стандартном формате.

Пример:
P {background-color: transparent}

background-image

Фоновый рисунок.

Значения:

· none - нет рисунка;

· ссылка на файл.

Пример:
TABLE {background-image: url(http://www. name. domen/picture. gif)}

background-repeat

Свойство определяющее необходимость повторения фонового рисунка для заполнения пространства элемента.

Значения:

· repeat -заполнять все пространство элемента;

· repeat-x -заполнять первый горизонтальный ряд;

· repeat-y -заполнять первый вертикальный ряд;

· no-repeat -без заполнения.

Пример:
BODY {background-image: url(http://www. name. domen/picture. gif); background-repeat: repeat}

background-attachment

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

Значения:

· scroll -прокрутка разрешена;

· fixed - прокрутка запрещена.

background-position

Начальное положение фонового рисунка.

Значения:

· 0% 0% - по умолчанию;

· top left или left top - значение 50% 0%;

· top, top center или center top - значение 100% 0%;

· right top или top right - значение 0% 50%;

· left left center или center left - значение 0% 100%;

· center или center center - значение 50% 50%;

· right, right center или center right - значение 100% 50%;

· bottom left, или left bottom - значение 0% 100%;

· bottom, bottom center или center bottom - значение 50% 100%;

· bottom right или right bottom - значение 100% 100%.

Если указана одна величина, то она является отступом по горизонтали, а по вертикали значение 50%.

Пример:
BODY {background-image: url(http://www. name. domen/picture. gif); background-position: top left}

background

Фон элемента. Одновременное задание свойств: background-color, background-image, background-repeat, background-attachment, background-position.

Пример:
TR {background: url(http://www. name. domen/picture. gif)}
P {background: url(http://www. name. domen/picture. gif) white 0% repeat fixed}

Наверх

Свойства мультимедиа

volume

Громкость.

Значения:

· числовое с пределах 0-100;

· процентное с пределах 0-100% -;

· silent -без звука;

· x-soft -уровень звука 0 (самый тихий);

· soft -уровень звука 25;

· medium -уровень звука 50 (по умолчанию);

· loud -уровень звука 75;

· x-loud -уровень звука 100 (самый громкий).

speak

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

Значения:

· none - не использовать;

· normal - использовать правила произношения указанного языка;

· spell-out -озвучивать побуквенно.

speech-rate

Темп речи при работе синтезатора речи.

Значения (количество слов в минуту):

· slower;

· x-slow;

· slow;

· medium - по умолчанию;

· fast;

· x-fast;

· faster.

pause-before, pause-after

Величина паузы перед или после воспроизведения содержимого.

Значения:

· числовое -в секундах или миллисекундах;

· процентное - по отношению к speech-rate.

pause

Одновременное задание свойств: pause-before и pause-after.

Пример:
P. pause {pause: 20ms 40ms}

cue-before, cue-after

Задание звуковых файлов, воспроизводимых до и после использования элемента.

Значения:

· none - не использовать;

· адрес URL.

Пример:
A. sound {cue-before:url(sound1.wav) cue-after:url(sound2.wav)}

cue

Одновременное задание свойств: cue-before и cue-after.

Пример:
A. sound {cue:url(sound1.wav) url(sound2.wav)} - разные звуки
A. sound {cue:url(sound. wav)} - оба звука одинаковы.

play-during

Задание файла, который определит «фоновый звук» во время воспроизведения озвученного элемента.

Значения:

· none - фоновый звук не воспроизводится;

· auto -звуковой фон, определенный прежде(по умолчанию);

· адрес URL;

· mix - звук является фоновым;

· repeat -повторение звукового фрагмента, если он оказался короче основного.

Пример:
ADRESS {play-during: url(sound. wav) auto}

azimuth

Задание стереоэффекта, при котором направление определяется в горизонтальной плоскости.

Задаются в градусах (deg) от -360deg до +360deg или с помощью значений:

· left-slide -аналог величины 270deg;

· far-left -аналог величины 240deg;

· left -аналог величины 320deg;

· center-left -аналог величины 340deg;

· center - аналог величины 0deg(по умолчанию);

· center-right -аналог величины 20deg;

· right -аналог величины 140deg;

· far-right -аналог величины 60deg;

· right-slide -аналог величины 90deg;

· leftwards -дополнительный сдвиг источника на 20 градусов влево;

· rightwards -дополнительный сдвиг источника на 20 градусов вправо;

· behind -дополнительный параметр, смещающий источник звука назад (минус 180 градусов).

Пример:
H1 {azimuth: 15deg}
P {azimuth: center-right}
H3 {azimuth: center-right behind}

elevation

Задание стереоэффекта, при котором направление определяется в вертикальной плоскости.

Задаются в градусах (deg) от -360deg до +360deg или с помощью значений:

· below -аналог величины -90deg;

· level -аналог величины 0deg;

· above -аналог величины 90deg;

· higher -плюс 10 градусов к текущему углу;

· lower -минус 10 градусов от текущего угла.

Пример:
P {elevation: above}

Наверх

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

cursor

.

Значения:

· auto - вид определяется броузером (по умолчанию);

· default -вид определяется операционной системой;

· crosshair -крестик;

· pointer -перст;

· move -четырехглавая стрелка;

· e-, ne-, nw-, n-, se-, sw-, s-, w-resize - стрелки перемещения границ (соответствует частям света);

· text -текстовый указатель;

· wait -песочные часы;

· help -указатель-знак вопроса;

· ссылка URL на указатель.

Пример:
P {cursor: pointer url(cursor. cur)}

color, background-color

Есть возможность задания цвета элемента и его фона таким, каким обладает соответствующий элемент окна или элемент управления.

Значения:

· activeborder -рамка активного окна;

· activecaption -заголовок активного окна;

· appworkspace -цвет фона документа;

· background -фон рабочего стола;

· buttonface -цвет кнопки;

· buttonhighlight -светлый участок кнопки (боковая грань);

· buttontext -текст кнопки;

· captiontext -цвет текста в строке заголовка;

· graytext -недоступный текст (команда);

· highlight -выбранный элемент управления;

· highlighttext -выделенный текст;

· inactiveborder -рамка невыбранного окна;

· inactivecaption -заголовок невыбранного окна;

· inactivecaptiontext -текст в заголовке невыбранного окна;

· infobackground -фон элемента управления;

· infotext -текст элемента управления;

· menu - фон меню;

· menutext -текст меню;

· scrollbar -полоса прокрутки;

· threeddarkshadow -темная тень трехмерного элемента;

· threedface -поверхность трехмерного элемента;

· threedhighlight -выбранный трехмерный элемент;

· threedlightshadow -светлая тень трехмерного элемента;

· threedshadow -тень трехмерного объекта;

· window -фон окна;

· windowframe -рамка окна;

· windowtext -текст окна.

Пример:
P {color: windowext; background-color: window}

Наверх

Свойства полосы прокрутки

Следующие свойства задаются все вместе в секции BODY. C их помощью Вы можете полностью изменить расцветку полосы прокрутки.

scrollbar-face-color

Задает цвет рельефных объетов полосы прокрутки.

Пример:
BODY {scrollbar-face-color: white}

scrollbar-shadow-color

Задает цвет тени рельефных объектов прокрутки.

Пример:
BODY {scrollbar-shadow-color: white}

scrollbar-3dlight-color

Задает цвет границы полосы прокрутки слева и сверху.

Пример:
BODY {scrollbar-3dlight-color: white}

scrollbar-arrow-color

Задает цвет стрелок прокрутки.

Пример:
BODY {scrollbar-arrow-color: white}

scrollbar-track-color

Задает цвет самой полосы прокрутки.

Пример:
BODY {scrollbar-track-color: white}

scrollbar-darkshadow-color

Задает цвет границы полосы прокрутки справа снизу.

Пример:
BODY {scrollbar-darkshadow-color: white}