ПАРАМЕТРЫ ТАБЛИЦ СТИЛЕЙ
В этом разделе перечислены документированные к настоящему времени параметры каскадных таблиц стилей. Как и в таблице 1., все параметры приведены в алфавитном порядке, в описание каждого параметра включены пункты о его назначении, Синтаксисе, аргументах, а также пункты с комментариями и примерами. ПРИМЕЧАНИЕ Далее по тексту главы все значения параметров, назначаемые им по умолчанию, выделены подчеркиванием. background совокупность параметров фона
Назначение
Задает одновременно до пяти параметров оформления фона страницы. Синтаксис background: {background-attachment_value
|background-color_value
| background-image_value
| background-position_value
| background-repeat_value } Аргументы background-attachment_value задает, будет ли фоновый рисунок прокручиваться вместе с текстом (см. параметр background-attachments). background-color_value задает цвет фона элемента (см. параметр background-color). background-image_value задает фоновое изображение для элемента (см. параметр background-image). background-position_value задает начальную позицию фонового изображения (см. параметр background-position). background- repeat_value задает число повторений фонового изображения на экране (см. параметр background-repeat). Комментарии Данный параметр устанавливает свойства фона так же, как если бы они были установлены при раздельном задании параметров background - attachment, background - color, background - image, background - position и background - repeat. Имя параметра не требует явного указания. Броузер должен самостоятельно интерпретировать введенные значения и назначить их соответствующим параметрам. Шестнадцатеричные значения, соответствующие отдельным цветам, приведены в таблице 1.2. Значения, присвоенные данному параметру, не наследуются. Пример P.image {background: url (pattern.gif) silver repeat fixed } Таблица 1.2. Отдельные оттенки цвета и соответствующие шестнадцатеричные значения | Цвет | | Шестнадцатеричные значения | | Черный | | #000000 | | Яркий купорос | | #00FFFF | | Ярко-малиновый | | #FF00FF | | Ярко-желтый | | #FFFF00 | | Темно-синий | | #0000АА | | Темно-сине-зеленый | | #006666 | | Темно-серый | | #808080 | | Темно-салатный | | #00AA00 | | Фиолетовый | | #880088 | | Кирпично-красный | | #AA0000 | | Грязно - белый | | #DDDDDD | | Светло-розовый | | #FFB6C1 | | Синий | | #0000CC | | Купорос | | #00CCCC | | Фиолетово-малиновый | | #CC00CC | | Яично-желтый | | #FFFFAA | | Зеленовато-желтый | | #CCCC00 | | Серый | | #999999 | | Средне - зеленый | | #22AA22 | | Травянисто-зеленый | | #00CC00 | | Розово-персиковый | | #FAAAAC | | Морковно-красный | | #CC0000 | | Малиново-розовый | | #FFADDA | | Ярко-синий | | #0000FF | | Водянисто - серо - синий | | #F0F7F7 | | Водянисто - серо - желтый | | #FFFFF2 | | Водянисто - голубой | | #F0F0F0 | | Алый | | #FF6347 | | Фиолетово-голубой | | #AAADEA | | Светло-купоросный | | #C0FFEE | | Светло-желтый | | #FFFFCC | | Зеленовато-голубой | | #ADEADA | | Желто-травянистый | | #AADEAD | | Серо-фиолетовый | | #ADAADA | | Оранжево-красный | | #FF8127 | | Красно-коричневый | | #550000 | | Интенсивный синий | | #0000FF | | Интенсивный травянисто-зеленый | | #00FF00 | | Интенсивный алый | | #FF0000 | | Белый | | #FFFFFF | | background-attachments | способ привязки фонового рисунка |
Назначение Задает, будет ли неподвижен фоновый рисунок относительно границ окна или он будет прокручиваться вместе с содержимым страницы. Синтаксис background-attachment:{ scroll | fixed }
Аргументы scroll задает режим, при котором фоновый рисунок перемещается одновременно с содержимым текущей страницы при ее прокрутке в окне. Это значение придается данному параметру по умолчанию. fixed привязывает фоновый рисунок к границам окно. Комментарии Значения, присвоенные данному параметру, не наследуются. Пример BODY { background-image: url (pattern.gif);
background-color: silver;
background-attachment: fixed } | background-color | цвет фона | Назначение Определяет цвет фона текущего документа или части документа. Синтаксис background-color:
{ color-name | #rgb | nrrggbb
|rgb(rrr, ggg, bbb)
|rgb(rrr%.ggg%.bbb%)|transparent } Аргументы color-name задает цвет фона посредством выбранного значения ключевого слова. Система воспринимает следующие значения: red (красный), maroon (малиновый), yellow (желтый), green (зеленый), lime (салатный), teal (бирюзовый), olive (оливковый), aqua (голубой), blue (синий), navy (темно-синий), purple (сиреневый), fuchsia (розовый), black (черный), gray (серый), silver (светло-серый) и white (белый). #rgb представляет собой трехзначный код назначаемого композитного цвета. Код составлен из трех однозначных шестнадцатеричных цифр, каждая из которых может принимать значения от 0 (ноль) до F (шестнадцатеричное 15) и задает уровень интенсивности соответствующих компонентов цвета: r - красного, g - зеленого и b - синего. rrggbb представляет собой шестизначный код назначаемого композитного цвета. Код составлен из трех пар двузначных шестнадцатеричных цифр, каждая из которых может принимать значения от 00 (ноль) до FF (шестнадцатеричное 255) и задает уровень интенсивности соответствующих компонентов цвета: rr - красного, gg - зеленого и bb - синего. rgb( rrr, ggg, bbb ) представляет собой абсолютные значения уровня интенсивности соответствующих компонентов цвета: красного (rrr), зеленого (ggg) и синего (bbb), выраженные трехзначными десятичными цифрами, каждая из которых может принимать значения в пределах от 000 (ноль) до 255. rgb(rrr.d%, ggg.e%, bbb.f%) представляет собой относительные значения уровня интенсивности соответствующих компонентов цвета: красного (rrr), зеленого (ggg) и синего (bbb), выраженные в процентах к максимуму с точностью до первого десятичного знака. Максимум интенсивности (100,0 %) соответствует десятичному значению 255; минимум (0,0 %) - десятичному transparent - ключевое слово, обозначающее, что цвет фона специально не назначен. Данный параметр получает это значение по умолчанию. Комментарии Исходный цвет назначается в соответствии с настройками броузера. Шестнадцатеричные значения, соответствующие отдельным цветам, приведены в таблице 1.2. Значения, присвоенные данному параметру, не наследуются. Пример BODY { background-color: silver } | background-image | фоновый рисунок |
Назначение
Задает фоновый рисунок для текущего документа или части документа. Синтаксис background-image: {url([url_name)|none} Аргументы url_name сообщает местоположение (URL) графического файла, используемого в качестве фонового изображения. none указывает на то, что фоновое изображение не назначено (значение по умолчанию). Комментарии Значения, присвоенные данному параметру, не наследуются. Пример ONEPAGE
{ background-image: url (pattern.gif);
background-color: silver } | background-position | расположение фонового рисунка | Назначение Задает точку отсчета для координат местоположения фонового рисунка. Синтаксис
background-position:
{ [+|-]percent%|
[+|-]length|{1,2}|[0%|
[+|-]vert_pos]|0%|[+|-]horiz_pos]}
Аргументы percent - положительное число, задающее масштаб выведенного изображения в процентах к размерам исходного. Обязательно указывайте символ процента (%). length - длина, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. 1,2 - значения координат верхнего левого или нижнего правого угла рисунка. vert_pos - определяет расположение изображения на экране по вертикали. Возможные значения: top (сверху), center (в центре) и bottom (снизу). horiz_pos - определяет расположение изображения на экране по горизонтали. Возможные значения left (слева), center (в центре) и right (справа). Комментарии Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пиксели (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Указав один процент или задав значение length, вы определяете горизонтальное расположение рисунка. По умолчанию назначается величина 0% 0%, что эквивалентно значениям top-left и left-top. Величина 0% 50% эквивалентна значениям left, left-center и center-left. Величина 50% 0% эквивалентна значениям top, top-center и center-top. Величина 100% 0% эквивалентна значениям right-top и top-right. Величина 0% 100% эквивалентна значениям left-bottom и bottom-left. Величина 100% 100% эквивалентна значениям bottom-right и right-bottom. Значения, присвоенные данному параметру, не наследуются. Пример
ONEPAGE
{ background-image: url (pattern.gif);
background-position: 50% 50%;
background-color: silver }
| background-repeat | повторение фонового рисунка | Назначение Повторяет фоновый рисунок при выводе на экран заданное число раз. Синтаксис
background-repeat:
{ repeat | repeat - x|
repeat-y| no-repeat }
Аргументы repeat заполняет рисунком всю площадь страницы. Это значение дается данному параметру по умолчанию. repeat-x заполняет страницу рисунком по горизонтали, от левого края к правому. repeat-у заполняет страницу рисунком по вертикали, от верхнего края к нижнему. no - repeat не повторяет рисунок при заполнении страницы. Комментарии Значения, присвоенные данному параметру, не наследуются. Пример
BIGPAGE
{ background-image: url(pattern.gif);
background-repeat: repeat-x;
background-color: teal }
| border | свойства всех сторон рамки | Назначение Устанавливает цвет, стиль и/или толщину всех четырех сторон рамки. Синтаксис
border: { [border-color_value]
|[border-style_value] [border-width_value] }
Аргументы border-color_value задает цвет всех четырех сторон рамки (см. параметр border-color). border-style_value задает стиль всех четырех сторон рамки (см. параметр border-style). border-width_value задает толщину всех четырех сторон рамки (см. параметр border-top). Комментарии Этот параметр устанавливает одновременно несколько правил оформления четырех сторон рамки так же, как если бы эти правила были заданы путем раздельной установки параметров border-color, border-style и border-width. Имя параметра не требует явного указания. Броузер должен самостоятельно интерпретировать введенные значения и назначить их соответствующим параметрам. Шестнадцатеричные значения, соответствующие отдельным цветам, приведены в таблице 1.2. Данному параметру изначально не присваивается никакого значения. Значения, присвоенные данному параметру, не наследуются. Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Пример
S { border: red double medium }
| border-bottom | свойства нижней стороны рамки | Назначение Устанавливает цвет, стиль и/или толщину нижней стороны рамки. Синтаксис
border-bottom:
{ [border-color_value]
| [border-style_value]
[border-bottom-width_value] }
Аргументы border-color_value задает цвет рамки ( см. параметр border-color). border-style_value устанавливает стиль рамки ( см. параметр border-style). border-bottom-width_value задает толщину рамки ( см. параметр border-bottom-width). Комментарии Этот параметр устанавливает одновременно несколько правил для нижней стороны рамки так же, как если бы эти правила были заданы путем раздельной установки параметров border-color, border-style и border-bottom-width. Имя параметра не требует явного указания. Броузер должен самостоятельно интерпретировать введенные значения и назначить их соответствующим параметрам. Шестнадцатеричные значения, соответствующие отдельным цветам, приведены в таблице 1.2. Данному параметру изначально не присваивается никакого значения. Значения, присвоенные данному параметру, не наследуются. Параметр border-bottom воспринимает только один стиль - в отличие от параметра border-style, где может быть указано до четырех стилей. Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Пример
IMG
{ border-bottom: black solid thick }
| border-bottom-width | толщина нижней стороны рамки | Назначение Устанавливает толщину нижней стороны рамки. Синтаксис
border-bottom-width:
{ thin | medium | thick | length }
Аргументы thin соответствует толщине меньшей, чем medium или thick. medium шире, чем thin, но уже, чем thick. Это значение дается данному параметру по умолчанию. thick шире, чем thin или medium. length - толщина, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Реально отображаемая толщина рамки может различаться в зависимости от используемого броузера. Значения, присвоенные данному параметру, не наследуются. Пример
TEXT { border-bottom-width: thick }
| border-color | цвет всех сторон рамки | Назначение Задает цвет одной, двух, трех или четырех сторон рамки. Синтаксис
border-color:{
[color-name_t | #rgb_t | #rrggbb_t
|rgb (rrr_t, ggg_t, bbb_t)
|rgb (rrr t%,ggg_t%, bbb_t%)]
[color-name_r|#rgb_r|#rrggbb_r
|rgb(rrr_r, ggg_r, bbb_r)
|rgb(rrr_r%, ggg_r%, bbb_rb)]
[color-name_b|#rgb_b| #rrggbb_b
|rgb(rrr_b, ggg_b, bbb_b)
|rgb(rrr_b%. ggg_b%, bbb_b%)]
[color-name_l #rgb_l|#rrggbb_l
|rgb (rrr_l, ggg_l, bbb_l)
|rgb (rrr_l%, ggg_l%, bbb_l%)]}
Аргументы color-name_t, color-name_r, color-name_b и color-name_l задают цвета верхней, правой, нижней и левой сторон рамки. Для этого могут использоваться следующие ключевые слова: red (красный), maroon (малиновый), yellow (желтый), green (зеленый), lime (салатный),teal (бирюзовый), olive (оливковый), aqua (голубой), blue (синий), navy (темно-синий), purple (сиреневый), fuchsia (розовый), black (черный), gray (серый), silver (светло-серый) и white (белый). #rgb_t, #rgb_r, #rgb_b и #rgb_l представляют собой трехзначные коды компонентов цвета для соответственно верхней, правой, нижней и левой сторон рамки. Код составлен из трех однозначных шестнадцатеричных цифр, каждая из которых может принимать значения от 0 (ноль) до F (шестнадцатеричное 15) и задает уровень интенсивности соответствующих компонентов цвета: г - красного, g - зеленого и b - синего. #rrggbb_t, #rrggbb_r, #rrggbb_b и #rrggbb_l представляют собой шестизначные коды компонентов цвета для соответственно верхней, правой, нижней и левой сторон рамки. Код составлен из трех пар двузначных шестнадцатеричных цифр, каждая из которых может принимать значения от 00 (ноль) до FF (шестнадцатеричное 255) и задает уровень интенсивности соответствующих компонентов цвета: rr - красного, gg -зеленогои bb -синего. rgb (rrr_t, ggg_t, bbb_t), rgb (rrr_r, ggg_r, bbb_r), rgb (rrr_b, ggg_b, bbb_b) и rgb (rrr_l, ggg_l, bbb_l) представляют собой абсолютные значения уровня интенсивности соответствующих компонентов цвета для верхней, правой, нижней и левой сторон рамки: красного (rrr), зеленого (ggg) и синего (bbb), выраженные трехзначными десятичными цифрами, каждая из которых может принимать значения в пределах от 000 (ноль) до 255. rgb (rrr.d_t%, ggg.e_t%, bbb.f_t%), rgb (rrr.d_r%, ggg.e_r%, bbb.f_r%), rgb (rrr.d_b%, ggg.e_b%, bbb.f_b%) и rgb (rrr.dj.%, ggg.e_l%, bbb.f_l%) представляют собой относительные значения уровня интенсивности соответствующих компонентов цвета для верхней, правой, нижней и левой сторон рамки: красного (rrr), зеленого (ggg) и синего (bbb), выраженные в процентах к максимуму с точностью до первого десятичного знака. Максимум интенсивности (100,0 %) соответствует десятичному значению 255; минимум (0,0% - десятичному значению 000 (ноль). Комментарии За Назначение исходного цвета рамки отвечают внутренние настройки броузера. Шестнадцатеричные значения, соответствующие отдельным цветам, приведены в таблице 1.2 Значения, присвоенные данному параметру, наследуются. Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Пример
HEAD4 { border-color: blue; border-width: thin }
| border-left | свойства левой стороны рамки | Назначение Устанавливает цвет, стиль и/или толщину левой стороны рамки. Синтаксис
border-left: { [ border-color_value ]
|[ border-style_value ] border-left-width_value ] }
Аргументы border-color_value задает цвет рамки ( см. параметр border-color). border-style_value задает стиль рамки ( см. параметр border-style). border-left-width_value задает толщину рамки ( см. параметр border-left). Комментарии Этот параметр устанавливает одновременно несколько правил для левой стороны рамки так же, как если бы эти правила были заданы путем раздельной установки параметров border-color, border-style и border-left-width. Имя параметра не требует явного указания. Броузер должен самостоятельно интерпретировать введенные значения и назначить их соответствующим параметрам. Шестнадцатеричные значения, соответствующие отдельным цветам, приведены в таблице 1.2. Данному параметру изначально не присваивается никакого значения. Значения, присвоенные данному параметру, не наследуются. Параметр border-left воспринимает только один стиль - в отличие от параметра border-style, где может быть указано до четырех стилей. Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого верхнего и нижнего полей. Пример
INS { border-left: blue solid thin }
| border-left-width | толщина левой стороны рамки | Назначение Устанавливает толщину левой стороны рамки. Синтаксис
border-left-width:
{ thin | medium | thick | length }
Аргументы thin соответствует толщине меньшей, чем medium или thick. medium шире, чем thin, но уже, чем thick. Это значение дается данному параметру по умолчанию. thick шире, чем thin или medium. length - положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Реально отображаемая толщина рамки может различаться в зависимости от используемого броузера. Значения, присвоенные данному параметру, не наследуются. Пример
HEAD1 { border-left-width: 0.25in }
| border-right | свойства правой стороны рамки | Назначение Устанавливает цвет, стиль и/или толщину правой стороны рамки. Синтаксис
border-right: { [ border-color_value ]
| [ border-style_value ]
[ border-right-width_value ] }
Аргументы border-color_value задает цвет рамки ( см. параметр border-color). border-style_value задает стиль рамки ( см. параметр border-style). border-right-width_value задает толщину рамки ( см. параметр border-right-width). Комментарии Этот параметр устанавливает одновременно несколько правил для правой стороны рамки так же, как если бы эти правила были заданы путем раздельной установки параметров border-color, border-style и border-right-width. Имя параметра не требует явного указания. Броузер должен самостоятельно интерпретировать введенные значения и назначить их соответствующим параметрам. Шестнадцатеричные значения, соответствующие отдельным цветам, приведены в таблице 1.2. Данному параметру изначально не присваивается никакого значения. Значения, присвоенные данному параметру, не наследуются. Параметр border-right воспринимает только один стиль - в отличие от параметра border-style, где может быть указано до четырех стилей. Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Пример
SPAN { border-right: teal dotted medium }
| border-right-width | толщина правой стороны рамки | Назначение Устанавливает толщину правой стороны рамки. Синтаксис
border-right-width: {
thin | medium |thick | length
}
Аргументы thin соответствует толщине меньшей, чем medium или thick. medium шире, чем thin, но уже, чем thick. Это значение дается данному параметру по умолчанию. thick шире, чем thin или medium. length - положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Реально отображаемая толщина рамки может различаться в зависимости от используемого броузера. Значения, присвоенные данному параметру, не наследуются. Пример
LONGQUOTE { border-right-width: 2pt }
| border-style | стиль всех сторон рамки | Назначение Устанавливает стиль отображения одной, двух, трех или четырех сторон рамки. Синтаксис
border- style: {
[none|dotted|dashed|solid|double| groove|ridge|inset|outset]
[none|dotted|dashed|solid|double| groove|ridge|inset|outset]
[none|dotted|dashed|solid|double| groove|ridge|inset|outset]
[none|dotted|dashed|solid|double| groove|ridge|inset|outset]
}
Аргументы none указывает на то, что рамки нет. Это значение имеет приоритет по отношению к любым иным установкам толщины рамки, которые в данном случае игнорируются. dotted задает пунктирную рамку из точек, проходящих по краям фона данного объекта. dashed задает штрих - пунктирную рамку, проходящую по краям фона данного объекта. solid задает одинарную сплошную рамку, проходящую по краям фона данного объекта. double задает двойную сплошную рамку, проходящую по краям фона данного объекта. groove создает трехмерный эффект заглубленной рамки, проходящей по краям фона данного объекта, воспроизводя оттенок цвета на основе значения, установленного для рамки. ridge создает трехмерный эффект возвышающейся рамки, проходящей по краям фона данного объекта, воспроизводя оттенок цвета на основе значения, установленного для рамки. inset создает трехмерный эффект заглубленности фона данного объекта, воспроизводя оттенок цвета на основе значения, установленного для рамки. outset создает трехмерный эффект выпуклости фона данного объекта, воспроизводя оттенок цвета на основе значения, установленного для рамки. Комментарии Если броузер не может интерпретировать ключевые слова, задающие стиль рамки, он должен воспроизвести ее в одну сплошную линию. Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Если для стиля указан только один аргумент, то в соответствии с ним форматируются все стороны рамки. Объекты группируются попарно: верх - низ; левая сторона - правая сторона. Пример
HEAD1 { border-style: inset outset }
| border-top | свойства верхней стороны рамки | Назначение Устанавливает цвет, стиль и/или толщину верхней стороны рамки. Синтаксис
border-top: { [ border-color_value ]
|[ border-style_value ] [ border-top-width_value ] }
Аргументы border-color_value задает цвет рамки ( см. параметр border-color). border-style_value задает стиль рамки ( см. параметр border-style). border-top-width_value задает толщину рамки ( см. параметр border-top-width). Комментарии Этот параметр устанавливает одновременно несколько правил для верхней стороны рамки так же, как если бы эти правила были заданы путем раздельной установки параметров border-color, border-style и border-top-width. Имя параметра не требует явного указания. Броузер должен самостоятельно интерпретировать введенные значения и назначить их соответствующим параметрам. Шестнадцатеричные значения, соответствующие отдельным цветам, приведены в таблице 1.2. Данному параметру изначально не присваивается никакого значения. Значения, присвоенные данному параметру, не наследуются. Параметр border-top воспринимает только один стиль - в отличие от параметра border-style, где может быть указано до четырех стилей. Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Пример
PARA.intro {border - top: red dotted thin}
| border-top-width | толщина верхней стороны рамки | Назначение Устанавливает толщину верхней стороны рамки. Синтаксис
border-top-width:{thin | medium | thick | length}
Аргументы thin соответствует толщине меньшей, чем medium или thick. medium шире, чем thin, но уже, чем thick. Это значение дается данному параметру по умолчанию. thick шире, чем thin или medium. length - положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Реально отображаемая толщина рамки может различаться в зависимости от используемого броузера. Значения, присвоенные данному параметру, не наследуются. Пример
BIGQUOTE {border-top-width: thin}
| border-width | толщина всех сторон рамки | Назначение Устанавливает толщину одной, двух, трех или четырех сторон рамки. Синтаксис
border-width:{
[ thin | medium| thick| length ]
[ thin | medium| thick| length ]
[ thin | medium| thick| length ]
[ thin | medium| thick| length ] }
Аргументы thin соответствует толщине меньшей, чем medium или thick. medium шире, чем thin, но уже, чем thick. Это значение дается данному параметру по умолчанию. thick шире, чем thin или medium. lenath - положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Задание параметра border-width эквивалентно заданию следующей последовательности параметров для отдельных сторон рамок: border-width-top, border-width-right, border-width-bottom и/или border-width-left. Если указан только один аргумент, то в соответствии с ним устанавливается толщина всех сторон рамки. Объекты группируются попарно: верх - низ; левая сторона - правая сторона. Реально отображаемая толщина рамки может различаться в зависимости от используемого броузера. Значения, присвоенные данному параметру, не наследуются. Пример
UL { border-width: thin }
| clear | очистка полей для растекающегося объекта | Назначение Задает отображение растекающегося объекта следом за текущим объектом или ниже него. Синтаксис
clear: { none | left | right | both }
Аргументы none означает, что растекающийся объект будет размещен в соответствии с текущими установками выравнивания, не ожидая очистки полей. Это значение присваивается данному параметру по умолчанию. left размещает растекающийся объект после очистки левого поля. right размещает растекающийся объект после очистки правого поля. both размещает растекающийся объект после очистки левого и правого полей. Комментарии Значения, присвоенные данному параметру, не наследуются. Пример
IMG.clearex.gif { clear: left }
| color | цвет объектов переднего плана | Назначение Устанавливает для текущего документа или части текущего документа цвет шрифта и других объектов переднего плана. Синтаксис
color: { color-name | #rgb | #rrggbb |
rgb(rrr, ggg, bbb)
|rgb(rrr%, ggg%, bbb%) }
Аргументы color-name задает цвет фона посредством выбранного значения ключевого слова. Система воспринимает следующие значения: red (красный), maroon (малиновый), yellow (желтый), green (зеленый), lime (салатный), teal (бирюзовый), olive (оливковый), aqua (голубой), blue (синий), navy (темно-синий), purple (сиреневый), fuchsia (розовый), black (черный), gray (серый), silver (светло-серый) и white (белый). #rgb представляет собой трехзначный код назначаемого композитного цвета. Код составлен из трех однозначных шестнадцатеричных цифр, каждая из которых может принимать значения от 0 (ноль) до F (шестнадцатеричное 15) и задает уровень интенсивности соответствующих компонентов цвета: г - красного, g - зеленого и b - синего. #rrggbb представляет собой шестизначный код назначаемого композитного цвета. Код составлен из трех пар двузначных шестнадцатеричных цифр, каждая из которых может принимать значения от 00 (ноль) до FF (шестнадцатеричное 255) и задает уровень интенсивности соответствующих компонентов цвета: rr - красного, gg - зеленого и bb - синего. rgb(rrr, ggg, bbb) представляет собой абсолютные значения уровня интенсивности соответствующих компонентов цвета: красного (rrr), зеленого (ggg) и синего (bbb), выраженные трехзначными десятичными цифрами, каждая из которых может принимать значения в пределах от 000 (ноль) до 255. rgb( rrr. d%, ggg. е%, bbb. f%) представляет собой относительные значения уровня интенсивности соответствующих компонентов цвета: красного (rrr), зеленого (ggg) и синего (bbb), выраженные в процентах к максимуму с точностью до первого десятичного знака. Максимум интенсивности (100,0 %) соответствует десятичному значению 255; минимум (0,0 %) - десятичному значению 000 (ноль). Комментарии Исходный цвет назначается в соответствии с настройками броузера. Шестнадцатеричные значения, соответствующие отдельным цветам, приведены в таблице 1.2. Значения, присвоенные данному параметру, наследуются. Пример
PARA.intro
{ color: teal; font-size: l0 pt;
font - style: italic }
| display | отображение объекта | Назначение Заданным образом выводит текущий объект на экран или на печать. Синтаксис
display: { inline | block | list-item | none }
Аргументы inline создает рамку вокруг строки, в которую был выведен последний из предыдущих объектов. block создает рамку, в которую будет выведен текущий объект. Это значение присваивается данному параметру по умолчанию. list-item создает рамку, в которую будет выведен текущий объект, и добавляет маркер объекта списка. none указывает, что объект, его дочерние объекты и рамка выводиться не будут. Комментарии Размеры рамки строки достаточны для размещения объекта. Если содержимое не умещается в одну строку, для каждой последующей строки создается новая рамка. Значения, присвоенные данному параметру, не наследуются. Этот стиль определенно следует задавать для объектов XML, так как параметры блока, устанавливаемые по умолчанию, не всегда могут оказаться приемлемыми. Помимо параметра display размещение объектов в XML-документах задается атрибутом xml: space. Пример
Q { display: block }
| float | отображение растекающегося объекта | Назначение Отображает растекающийся объект или вставляет его в документ. Синтаксис
float: { left | right | none }
Аргументы left отображает растекающийся объект на левой стороне, перенося текст к правой границе объекта. right отображает растекающийся объект на правой стороне, перенося текст к левой границе объекта. none отображает объект вставленным в страницу. Это значение присваивается данному параметру по умолчанию. Комментарии Значения, присвоенные данному параметру, не наследуются. Пример
IMG.float.gif { float: left }
Назначение Задает одновременно до шести параметров шрифта. Синтаксис
font: { font-size_value | font-family_value
| [[font-style_value] | [font-variant_value]
| [font-weight_value]] | [line-height_value] }
Аргументы font-size_value задает размер шрифта ( см. параметр font-size). font-family_value задает семейство гарнитур ( см. параметр font-family). font-style_value задает стиль шрифта ( см. параметр font-style). font-variant_value задает необходимость режима small-caps, при котором все строчные буквы представляются в виде прописных букв меньшего кегля, чем буквы, изначально введенные в строку как прописные ( см. параметр font-variant). font-weight_value задает толщину начертания шрифта ( см. параметр font-weight). line-height_value задает расстояние между базовыми линиями соседних строк ( см. параметр line-height). Комментарии Этот параметр устанавливает одновременно несколько правил отображения шрифта так же, как если бы эти правила были заданы путем раздельной установки параметров font-size,font-style, font-variant, font-weight и line-height. Имя параметра не требует явного указания. Броузер должен самостоятельно интерпретировать введенные значения и назначить их соответствующим параметрам. Если конкретное значение не указано, броузер применяет изначально использовавшуюся величину. По умолчанию параметру line-height присваивается значение, равное высоте одной строки текста. Данному параметру изначально не присваивается никакого значения. Значение, выраженное в процентах, может присваиваться только параметрам font-size и line-height. Значения, присвоенные данному параметру, наследуются. Пример
PARA {FONT: small-caps/90% "times new roman", serif }
| font-family | семейство гарнитур | Назначение Задает шрифт по имени гарнитуры, семейства гарнитур или того и другого одновременно. Синтаксис
font-family:
{ ["] family_name_1["]
| serif | sans-serif |cursive | fantasy |monospace }
[, ["]family_name_2["]
|serif | sans-serif | cursive | fantasy | monospace]
[..., ["] famaly_name_n ["]
|serif | sans-serif | cursive | fantasy | monospace] }
Аргументы family-name наименование конкретного семейства гарнитур. serif, sans-serif, cursive, fantasy и monospace представляют собой наименования основных типов гарнитур. К этим группам могут относиться одно или более семейств гарнитур, которым, в свою очередь, принадлежат шрифты, установленные на данном компьютере. Комментарии Указанный параметр задает шрифт по имени гарнитуры и/или семейства гарнитур. Разрешается указывать несколько наименований семейств гарнитур. Добавив для подстраховки к списку семейств гарнитур хотя бы одно наименование основного типа (serif, sans-serif и т. д.), вы гарантируете, что будет назначен хотя бы один шрифт соответствующего семейства. Изначальное значение параметра font-family задается пользователем в параметрах броузера. Если наименование семейства гарнитур состоит из двух и более разделенных пробелом слов (например, "Courier New" или ' Bookman Old Style'), то оно должно быть заключено в кавычки. Значения, присвоенные данному параметру, наследуются. Пример
BIGPAGE
{ FONT-FAMILY:
"Times New Roman", Book Antique", serif }
Назначение Задает абсолютный или относительный размер шрифта (кегль). Синтаксис
font-size: {
length | percent%
|absolute_size|relative_size }
Аргументы length - положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. percent - положительное число, задающее размер шрифта в процентном отношении к размеру, который был назначен объекту, непосредственно предшествующему данному. Обязательно указывайте символ процента (%). absolute_size - ключевое слово из набора пользовательских установок броузера. Здесь могут использоваться следующие значения: xx-small, x-small, small, medium, large, x-large, xx-large. relative_size устанавливает, что размер шрифта текущего объекта будет больше (larger) или меньше (smaller), чем размер шрифта объекта, непосредственно предшествующего данному. Комментарии Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пикселы (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Значения, присвоенные данному параметру, наследуются. Пример
HEAD4 { FONT-SIZE: 14pt }
HEAD5 { FONT-SIZE: 125% }
HEAD6 { FONT-SIZE: larger }
| font-style | стиль начертания шрифта | Назначение Устанавливает один или несколько параметров, определяющих варианты стиля начертания шрифта. Синтаксис
font-style: { normal | italic | oblique }
Аргументы normal соответствует основному, не имеющему дополнительного наклона начертанию. Это значение присваивается данному параметру по умолчанию. italic соответствует стандартному курсивному начертанию. oblique соответствует наклонному начертанию с углом наклона меньшим, чем обычный курсив. Комментарии Данный параметр задает степень увеличения наклона символов относительно заданного в основном варианте начертания. Если курсив со степенью наклона, задаваемой аргументом italic, отсутствует в данной гарнитуре, то фактическая степень наклона, возможно, будет соответствовать значению аргумента oblique (с меньшим наклоном). Значения, присвоенные данному параметру, наследуются. Пример
HEAD2, HEAD4 { FONT-STYLE: italic;
FONT-WEIGHT: bold}
| font-variant | смешение регистров символов | Назначение Устанавливает один и более параметров, соответствующих разным вариантам использования смешанных регистров символов. Синтаксис
font-variant: { normal | small-caps }
Аргументы normal соответствует отсутствию режима small-caps. Это значение присваивается данному параметру по умолчанию. small-caps представляет собой режим, при котором все строчные буквы представляются в виде прописных букв меньшего кегля, чем буквы, изначально введенные в строку как прописные. Комментарии Этот параметр задает регистр символов. Если гарнитура не включает специальных начертаний для режима small-caps, они могут быть заменены стандартными прописными буквами уменьшенного кегля. Значения, присвоенные данному параметру, наследуются. Пример
PARA.note
{ font-variant: small-caps; font-weight: bolder }
| font-weight | толщина начертания | Назначение Устанавливает степень увеличения или уменьшения толщины линий начертания текста. Синтаксис
font-weight:
{ normal|bold(bolder(lighter
|100|200|300|400|500|600|700|800|900 }
Аргументы normal соответствует обычному начертанию шрифта, без увеличения или уменьшения толщины линий. bold соответствует стандартному для данной гарнитуры полужирному начертанию. bolder - относительный параметр, задающий начертание более жирным, чем стандартное для данной гарнитуры полужирное начертание. Установкой этого параметра может быть получен эквивалент сверхжирного начертания. lighter - относительный параметр, задающий начертание более светлым, чем нормальное для данной гарнитуры. 100 соответствует наименее тонкой (легкой) прорисовке начертания. 200 и 300 соответствуют промежуточной толщине прорисовки между легким и нормальным начертанием. 400 эквивалентно нормальному начертанию. 500 и 600 соответствуют промежуточной толщине прорисовки между нормальным и обычным полужирным начертанием. 500 также называется среднежирным начертанием. 700 эквивалентно обычному полужирному начертанию. 800 и 900 соответствуют более жирной прорисовке, чем при обычном полужирном начертании. Комментарии Данный параметр задает степень жирности начертания, используя абсолютные или относительные параметры. Значения, присвоенные данному параметру, наследуются. Пример
PARA.warning { font-weight: 800 }
Назначение Задает высоту указанного объекта. Синтаксис
height: { length | auto }
Аргументы length - высота, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. auto указывает, что значение высоты будет автоматически рассчитано броузером. Это значение присваивается данному параметру по умолчанию. Комментарии Данный параметр устанавливает высоту указанного объекта, либо заданную в пикселях, либо вычисленную автоматически и масштабированную пропорционально ширине. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы x для текущего кегля; рх - пиксели (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Если для высоты объекта указано значение auto, то соотношение ширины и высоты (то есть текущие пропорции объекта) сохраняется. Если значение auto указано как для высоты, так и для ширины объекта, то его фактические размеры броузер не изменяет. Значения, присвоенные данному параметру, не наследуются. Пример
IMG.bigpics
{ height: 400px; width: 250px }
Родственный параметр WIDTH. | important | приоритетное объявление | Назначение Устанавливает приоритет данного объявления по отношению к другим. Синтаксис
! important;
Комментарии Добавьте инструкцию !important; в конец объявления, чтобы установить его приоритет по отношению к другим объявлениям. Объявление автора программы без указания приоритетности имеет приоритет по отношению к объявлению пользователя без указания приоритетности. Объявление автора программы с указанием приоритетности имеет приоритет по отношению к объявлению пользователя с указанием приоритетности. Объявление пользователя с указанием приоритетности имеет приоритет относительно объявления автора программы без указания приоритетности. | letter-spacing | межсимвольные интервалы | Назначение Устанавливает трекинг - расстояние между отдельными парами символов, включая пробелы между словами. Синтаксис
letter - spacing: { normal|[+|] length }
Аргументы normal соответствует нормальному значению тренинга. Это значение присваивается данному параметру по умолчанию. length - размер интервала, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Параметр length обычно используется для задания увеличенной длины пробела, но, указав отрицательное значение, можно задать и уменьшенную длину пробела. Комментарии Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пикселы (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Значения, присвоенные данному параметру, наследуются. Пример
PARA.emphasis
{ letter-spacing: 4mm; font-weight: bolder }
Родственный параметр word-spacing. Назначение Устанавливает интерлиньяж, то есть расстояние между базовыми линиями соседних строк текста. Синтаксис
line-height:
{ normal | number |length |percent% }
Аргументы normal соответствует интерлиньяжу родительского объекта. Величину параметра normal рекомендуется задавать в пределах от 1,0 до 1,2. Значение normal дается данному параметру по умолчанию. number соответствует коэффициенту, на который умножается текущий кегль, чтобы получить новое значение интерлиньяжа. length - расстояние, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. percent - положительное число, задающее интерлиньяж в процентах к его текущему значению. Обязательно указывайте символ процента (%). Комментарии Данный параметр задает интерлиньяж (высоту строки как расстояние между базовыми линиями) умножением текущего кегля на некоторый коэффициент, заданием абсолютной величины в принятых единицах измерения (этот способ используется по умолчанию) или в процентном отношении к текущей величине кегля. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); eх - высота буквы х для текущего кегля; pх - пиксели (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; pc - пики. Отрицательные величины параметров недействительны. Изначально интерлиньяж задается внутренними установками броузера. Значения, присвоенные данному параметру, наследуются. Пример
SPAN { line-height: 110%; font-size: 12pt }
Назначение Устанавливает одновременно до трех параметров для стилей списков. Синтаксис
list - style:
{ list-style-intage_value
| list-style-position_value
| list-style-type_value }
Аргументы list-style-image_value задает файл графического маркера для объектов списка ( см. параметр list-style-image). list-style-position_value задает положение объектов списка ( см. параметр list-style-position). list-style-type_value задает тип маркера или нумерацию для объектов списка ( см. параметр list-style-type). Комментарии Этот параметр устанавливает одновременно несколько правил для маркеров объектов списка так же, как если бы эти правила были заданы путем раздельной установки свойств list-style-image, list-style-position и list-style-type. Имя параметра не требует явного указания. Броузер должен самостоятельно интерпретировать введенные значения и назначить их соответствующим параметрам. Пример
UL { list-style: url (button.gif) circle outside}
| list-style-image | форма маркера | Назначение Задает графический образ, используемый в качестве маркера нумерованного или маркированного списка. Синтаксис
list-style-image: { url (url_name) | none }
Аргументы url_name соответствует URL графического образа, используемого для маркера списка. none означает, что список выводится без маркера. Комментарии Значения, присвоенные данному параметру, наследуются. Пример
UL { list-style-image: url (button.gif) }
| list-style-position | положение объектов списка | Назначение Задает положение маркера относительно пунктов нумерованного или маркированного списка. Синтаксис
list-style-position: { inside | outside }
Аргументы inside выравнивает вторую строку пункта списка по левому полю, размещая ее под маркером. outside выравнивает вторую строку пункта списка по первой. Маркер оказывается левее строк списка. Это значение присваивается данному параметру по умолчанию. Комментарии Значения, присвоенные данному параметру, наследуются. Пример
UL { list-style-position outside }
| list-style-type | тип маркера | Назначение Задает тип маркера или нумерации для ну мерованного или маркированного списка. Синтаксис
list-style-type
{ disc | circle | square
|decimal | lower-roman |upper-roman
| lower-alpha |upper-alpha | none }
Аргументы disc задает маркер в форме крупной круглой точки. Это значение присваивается данному параметру по умолчанию. circle задает маркер в форме кружка. square задает маркер в форме крупной квадратной точки. decimal устанавливает нумерацию объектов списка арабскими цифрами (1, 2,3). lower-roman устанавливает нумерацию объектов списка римскими цифрами в нижнем регистре (i, ii, iii). upper-roman устанавливает нумерацию объектов списка римскими цифрами в верхнем регистре (I, II, III). lower-alpha устанавливает алфавитную нумерацию объектов списка с использованием строчных букв (а, b, с). upper-alpha устанавливает алфавитную нумерацию объектов списка с использованием прописных букв (А, В, С). none ни маркеры, ни номера для пунктов списка не выводятся. Комментарии Значения, присвоенные данному параметру, наследуются. Пример
UL { list - style-type: square }
| margin | характеристики полей | Назначение Задает размеры одного, двух, трех или четырех полей и/или отключает специальную установку соответствующего параметра разметки страницы. Синтаксис
margin { [ length_top | percent_top% | auto ]
[ length_nght | percent_nght% | auto ]
[ length_bottom | percent_bottonfh | auto ]
[ length_left | percent_left% | auto ] }
Аргументы length_top, length_right, length_bottom и length_left - размеры верхнего, правого, нижнего и левого полей, положительные или отрицательные числа, за которыми следует двухбуквенное обозначение используемой единицы измерения. percent_top, percent_right, percent_bottom и percent_left - относительная длина верхнего, правого, нижнего и левого полей, положительные числа, задающие масштаб изменения полей в процентах к их текущему значению для родительского объекта. Обязательно указывайте символ процента (%). auto указывает, что значения top-margin, right-margin, bottom-margin и left-margin будут автоматически рассчитаны броузером. Комментарии Данный параметр задает размеры одного, двух, трех или четырех полей либо отключает специальную установку соответствующего параметра разметки страницы. Для этого используются единицы измерения, действующие по умолчанию, или же указывается процентное отношение к текущей ширине страницы, либо минимально необходимая величина рассчитывается автоматически. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пикселы (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Если указано только одно значение, то в соответствии с ним устанавливаются размеры всех полей. Поля располагаются вне содержимого страницы, рамок и отбивок, но в пределах обреза страницы. Значения, присвоенные данному параметру, не наследуются. Пример
BIGPAGE {margin: lin lin 0,5in}
| margin-bottom | нижнее поле | Назначение Задает размеры нижнего поля и/или отключает специальную установку этого параметра разметки страницы. Синтаксис
margin-bottom: {0|length|percent%|auto }
Аргументы 0 отражает текущую величину установок родительского объекта для нижнего поля. Это значение присваивается данному параметру по умолчанию. length - абсолютный размер поля, положительное или отрицательное число, за которым следует двухбуквенное обозначение используемой единицы измерения. percent - относительный размер поля, положительное число, задающее величину поля в процентах к текущему значению соответствующего поля родительского объекта. Обязательно указывайте символ процента (%). auto означает, что соответствующий параметр должен быть автоматически рассчитан средствами броузера. Комментарии Данный параметр задает размеры нижнего поля и/или отключает специальную установку соответствующего параметра разметки страницы. Для этого используются единицы измерения, действующие по умолчанию, или же указывается процентное отношение к текущей высоте страницы, либо минимально необходимая величина рассчитывается автоматически. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пиксели (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Поля располагаются вне содержимого страницы, рамок и отбивок, но в пределах обреза страницы. Значения, присвоенные данному параметру, не наследуются. Пример
BIGPAGE { margin - bottom: 18pt }
Назначение Задает размеры левого поля и/или отключает специальную установку этого параметра разметки страницы. Синтаксис
margin-left: { 0 | length | percent% | auto }
Аргументы 0 отражает текущую величину установок родительского объекта для левого поля. Это значение присваивается данному параметру по умолчанию. length - абсолютный размер поля, положительное или отрицательное число, за которым следует двухбуквенное обозначение используемой единицы измерения. percent - относительный размер поля, положительное число, задающее величину поля в процентах к текущему значению соответствующего поля родительского объекта. Обязательно указывайте символ процента (%). auto означает, что соответствующий параметр должен быть автоматически рассчитан средствами броузера. Комментарии Данный параметр задает размеры левого поля и/или отключает специальную установку соответствующего параметра разметки страницы. Для этого используются единицы измерения, действующие по умолчанию, или же указывается процентное отношение к текущей ширине страницы, либо минимально необходимая величина рассчитывается автоматически. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пиксели (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; pc - пики. Поля располагаются вне содержимого страницы, рамок и отбивок, но в пределах обреза страницы. Значения, присвоенные данному параметру, не наследуются. Пример
BIGPAGE { margin-right: 0.5 in
; margin-top: 1.0 in
; margin-bottom: l.0in
; margin-left: 0.5in }
Назначение Задает размеры правого поля и/или отключает специальную установку этого параметра разметки страницы. Синтаксис
margin-right: { 0 | length | percent% | auto }
Аргументы 0 отражает текущую величину установок родительского объекта для правого поля. Это значение присваивается данному параметру по умолчанию. length - абсолютный размер поля, положительное или отрицательное число, за которым следует двухбуквенное обозначение используемой единицы измерения. реrcent - относительный размер поля, положительное число, задающее величину поля в процентах к текущему значению соответствующего поля родительского объекта. Обязательно указывайте символ процента (%). auto означает, что соответствующий параметр должен быть автоматически рассчитан средствами броузера. Комментарии Данный параметр задает размеры правого поля и/или отключает специальную установку соответствующего параметра разметки страницы. Для этого используются единицы измерения, действующие по умолчанию, или же указывается процентное отношение к текущей высоте страницы, либо минимально необходимая величина рассчитывается автоматически. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пикселы (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Поля располагаются вне содержимого страницы, рамок и отбивок, но в пределах обреза страницы. Значения, присвоенные данному параметру, не наследуются. Пример
{ margin-right: 18pt; margin-top: 36pt;
margin-bottom: 18pt; margin-left: 18pt }
Назначение Задает размеры верхнего поля и/или отключает специальную установку этого параметра разметки страницы. Синтаксис
margin-top: 0 | length | percent% | auto }
Аргументы 0 отражает текущую величину установок родительского объекта для верхнего поля. Это значение присваивается данному параметру по умолчанию. length - абсолютный размер поля, положительное или отрицательное число, за которым следует двухбуквенное обозначение используемой единицы измерения. percent - относительный размер поля, положительное число, задающее величину поля в процентах к текущему значению соответствующего поля родительского объекта. Обязательно указывайте символ процента (%). auto означает, что соответствующий параметр должен быть автоматически рассчитан средствами броузера. Комментарии Данный параметр задает размеры верхнего поля и/или отключает специальную установку соответствующего параметра разметки страницы. Для этого используются единицы измерения, действующие по умолчанию, или же указывается процентное отношение к текущей высоте страницы, либо минимально необходимая величина рассчитывается автоматически. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пиксели (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Поля располагаются вне содержимого страницы, рамок и отбивок, но в пределах обреза страницы. Значения, присвоенные данному параметру, не наследуются. Пример
BODY { margin-top: 36pt }
| padding | характеристики отбивок | Назначение Задает величины отбивок с одной, двух, трех или четырех сторон и/или отключает специальную установку соответствующего параметра разметки страницы. Синтаксис
padding:
{ [ length_top | percent_top% ]
[ length_right | percent_right% ]
[ length_bottom | percent_bottom% ]
[ length_left | percent_left% ] }
Аргументы length_top, length_right, length_bottom и length_left - значения отбивок сверху, справа, снизу и слева, положительные или отрицательные числа, за которыми следует двухбуквенное обозначение используемой единицы измерения. percent_top, percent_right, percent_bottom и percent_left - относительные значения отбивок сверху, справа, снизу и слева, положительные числа, задающие масштаб изменения отбивок в процентах к текущему значению соответствующих отбивок родительского объекта. Обязательно указывайте символ процента (%). Комментарии Данный параметр задает величины отбивок с одной, двух, трех или четырех сторон и/или отключает специальную установку соответствующего параметра разметки страницы. Для этого используются единицы измерения, действующие по умолчанию, или же указывается процентное отношение к текущей ширине страницы, либо минимально необходимая величина рассчитывается автоматически. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пикселы (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Если указано только одно значение, то в соответствии с ним устанавливаются размеры всех отбивок. Отбивки располагаются вне содержимого страницы, в пределах между обрезом страницы - с одной стороны и полями и рамками - с другой. Значения, присвоенные данному параметру, не наследуются. Пример
PARA.special { padding: 6pt 4pt }
| padding-bottom | отбивка снизу | Назначение Задает величину отбивки снизу и/или отключает специальную установку соответствующего параметра разметки страницы. Синтаксис
padding-bottom: { 0 |length | percent% }
Аргументы 0 отражает текущую величину установок родительского объекта для соответствующей отбивки. Это значение присваивается данному параметру по умолчанию. percent - относительная величина отбивки, положительное число в процентах к текущему значению отбивки родительского объекта. Обязательно укажите символ процента (%). length - величина отбивки, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Данный параметр задает размеры отбивки снизу и/или отключает специальную установку соответствующего параметра разметки страницы. Для этого используются единицы измерения, действующие по умолчанию, или же указывается процентное отношение к текущей высоте страницы, либо минимально необходимая величина рассчитывается автоматически. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; px - пиксели (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; pc - пики. Отбивки располагаются вне содержимого страницы, в пределах между обрезом страницы - с одной стороны и полями и рамками - с другой. Значения, присвоенные данному параметру, не наследуются. Пример
BIGPAGE { padding-bottom: 8pt }
| padding-left | отбивка слева | Назначение Задает величину отбивки слева и/или отключает специальную установку соответствующего параметра разметки страницы. Синтаксис
padding-left: { 0 | length | percent% }
Аргументы 0 отражает текущую величину установок родительского объекта для соответствующей отбивки. Это значение присваивается данному параметру по умолчанию. percent - относительная величина отбивки, положительное число в процентах к текущему значению отбивки родительского объекта. Обязательно укажите символ процента (%). length - величина отбивки, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Данный параметр задает размеры отбивки слева и/или отключает специальную установку соответствующего параметра разметки страницы. Для этого используются единицы измерения, действующие по умолчанию, или же указывается процентное отношение к текущей высоте страницы, либо минимально необходимая величина рассчитывается автоматически. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пиксели (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Отбивки располагаются вне содержимого страницы, в пределах между обрезом страницы - с одной стороны и полями и рамками - с другой. Значения, присвоенные данному параметру, не наследуются. Пример
BIGPAGE { padding-right: 0,5in;
padding-top: 0.25in; padding-bottom: 0,5in;
padding-left: 0.5in }
| padding-right | отбивка справа | Назначение Задает величину отбивки справа и/или отключает специальную установку соответствующего параметра разметки страницы. Синтаксис
padding-right: { 0 length | percent% }
Аргументы 0 отражает текущую величину установок родительского объекта для соответствующей отбивки. Это значение присваивается данному параметру по умолчанию. percent - относительная величина отбивки, положительное число в процентах к текущему значению отбивки родительского объекта. Обязательно укажите символ процента (%) length - величина отбивки, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Данный параметр задает размеры отбивки справа и/или отключает специальную установку соответствующего параметра разметки страницы. Для этого используются единицы измерения, действующие по умолчанию, или же указывается процентное отношение к текущей высоте страницы, либо минимально необходимая величина рассчитывается автоматически. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пикселы (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; pc - пики. Отбивки располагаются вне содержимого страницы, в пределах между обрезом страницы - с одной стороны и полями и рамками - с другой. Значения, присвоенные данному параметру, не наследуются. Пример
BIGPAGE { padding-rights 8pt; padding-top: 6pt;
padding-bottom: 4pt; padding-left: 8pt }
| padding-top | отбивка сверху | Назначение Задает величину отбивки сверху и/или отключает специальную установку соответствующего параметра разметки страницы. Синтаксис
padding-top: { 0 | length | percent% }
Аргументы 0 отражает текущую величину установок родительского объекта для соответствующей отбивки. Это значение присваивается данному параметру по умолчанию. percent - относительная величина отбивки, положительное число в процентах к текущему значению отбивки родительского объекта. Обязательно укажите символ процента (%). length - величина отбивки, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Данный параметр задает размеры отбивки сверху и/или отключает специальную установку соответствующего параметра разметки страницы. Для этого используются единицы измерения, действующие по умолчанию, или же указывается процентное отношение к текущей высоте страницы, либо минимально необходимая величина рассчитывается автоматически. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пикселы (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Отбивки располагаются вне содержимого страницы, в пределах между обрезом страницы - с одной стороны и полями и рамками - с другой. Значения, присвоенные данному параметру, не наследуются. Пример
BIGPAGE { padding-top: 6pt }
| text-align | выравнивание по горизонтали | Назначение Выравнивает текст по горизонтали. Синтаксис
text-align: { left | right | justify | center }
Аргументы left в пределах данного объекта задает выравнивание текста по левому краю объекта. Это значение присваивается данному параметру по умолчанию. right в пределах данного объекта задает выравнивание текста по правому краю объекта. justify в пределах данного объекта задает выравнивание текста по ширине (по правому и левому краям объекта). center в пределах данного объекта задает выравнивание текста по центру (текст выравнивается относительно середины объекта). Комментарии Данный параметр определяет тип выравнивания левого и/или правого края абзаца, либо располагая каждую строку с равным отступом от краев абзаца, либо центрируя строки. Изначально тип выравнивания задается внутренними установками броузера и направлением текста для соответствующего языка. Значения, присвоенные данному параметру, наследуются. Пример
PARA.FORMAL { text-align: justify }
Родственный параметр vertical-align. | text-decoration | выделение текста | Назначение Выделяет текст подчеркиванием или миганием. Синтаксис
text-decoration:
{ none | [underline | overline | line-through | blink] }
Аргументы none означает, что текст не имеет объектов выделения. Это значение присваивается данному параметру по умолчанию. underline выделяет текст горизонтальной чертой, проходящей по нижней границе строки (подчеркивание). overline выделяет текст горизонтальной чертой, проходящей по верхней границе строки (надчеркивание). line-through выделяет текст горизонтальной чертой, проходящей через середину строки (прочеркивание). blink выделяет текст миганием (попеременно включая и отключая его отображение). Комментарии Значения, присвоенные данному параметру, не наследуются. Однако к дочерним классам данного объекта должны быть применены те же способы выделения текста. Хотя броузеры и должны распознавать команды вывода мигающего текста, на практике этот режим может не поддерживаться. Пример
PARA.MESSAGE
{ TEXT-DECORATION: underline;
TEXT-DECORATION: overline }
| text-indent | абзацный отступ/выступ | Назначение Задает отступ или выступ для первой строки абзаца. Синтаксис
text-indent: { length | percent% }
Аргументы length - величина отступа, положительное число, за которым следует двух - буквенное обозначение используемой единицы измерения. percent - относительная величина отступа, положительное число, задающее размеры абзацного отступа в процентах к текущему значению родительского объекта. Обязательно указывайте символ процента (%). Комментарии Этот параметр задает отступ (или выступ) для первой строки абзаца относительного ее левого края (в единицах измерения, действующих по умолчанию) либо в процентном отношении к исходной величине втяжки. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пиксели (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; м mm - миллиметры; pt - пункты; рс - пики. Значения, присвоенные данному параметру, наследуются. Пример
PARA { text-indent: 0,5in }
| text-transform | регистр символов | Назначение Изменяет регистр символов. Синтаксис
text-transform:
{ capitalize|uppercase|lowercase| none}
Аргументы capitalize переводит в верхний регистр первую букву каждого слова в строке. uppercase переводит в верхний регистр все буквы в строке. lowercase переводит в нижний регистр все буквы в строке. none отменяет все унаследованные от родительского объекта установки по применению специального режима для регистра символов. Это значение присваивается данному параметру по умолчанию. Комментарии Данный параметр либо переводит в верхний регистр первую букву каждого слова или все буквы строки, либо переводит все буквы строки в нижний регистр, либо отменяет специальный режим для регистра символов, унаследованный от родительского объекта. Значения, присвоенные данному параметру, наследуются. Пример
PARA.warning
{ text-transform: uppercase; font-weight: 900 }
| vertical-align | вертикальное выравнивание | Назначение Выравнивает объект по вертикали (относительно базовой линии). Синтаксис
vertical-align:
{ baseline | sub | super | top
| text-top | middle | bottom
| text-bottom| percent%}
Аргументы baseline выравнивает объект (символ) относительно базовой линии текущего объекта или - если базовая текущего объекта не определена - по базовой линии родительского объекта. Это значение присваивается данному параметру по умолчанию. sub смещает базовую линию объекта (символа) вниз относительно базовой линии текущего текста (на линию так называемого нижнего индекса). super смещает базовую линию объекта (символа) вверх относительно базовой линии текущего текста (на линию так называемого верхнего индекса). top выводит верхний край объекта (символа) на уровень наибольшего отклонения вверх от базовой линии среди объектов (символов) текущей строки. text-top выводит верхний край объекта (символа) на уровень наибольшего отклонения вверх от базовой линии существующего в гарнитуре родительского объекта. middle устанавливает такое вертикальное расположение объекта (символа), при котором его середина устанавливается на уровне, соответствующем половине разности между максимальными отклонениями вверх и вниз от базовой линии, существующими в гарнитуре родительского объекта. bottom смещает объект (символ) вниз, выравнивая его нижний край по уровню наибольшего отклонения вниз от базовой линии среди объектов (символов) текущей строки. text-bottom выводит нижний край объекта (символа) на уровень наибольшего отклонения вниз от базовой линии существующего в гарнитуре родительского объекта. percent - относительное смещение, положительное число, задающее смещение в процентах к высоте текущей строки. Обязательно указывайте символ процента(%). Комментарии Данный параметр задает способ вертикального выравнивания текста относительно базовой линии или максимальных отклонений вверх и вниз от базовой линии, существующих для символов данной гарнитуры. Вертикальное смещение вверх или вниз от базовой линии может также быть задано в процентах к величине интерлиньяжа. Относительное смещение в процентах указывается относительно высоты элемента. Недостаточно аккуратное использование параметров, выравнивающих строку по линии относительно наибольшего отклонения вверх (параметр top) или вниз (параметр bottom) от базовой линии, может привести к зацикливанию механизма отображения символов (объектов). Значения, присвоенные данному параметру, не наследуются. Пример
SUB { vertical-align: text-bottom; color : red }
Родственный параметр text-align. | white-space | способ обработки пробелов | Назначение Задает способ обработки пробелов. Синтаксис
white-space: { normal | pre | nowrap }
Аргументы normal - пробелы к объекту не добавляются. Это значение присваивается данному параметру по умолчанию. pre - объект рассматривается как предварительно отформатированный: переНазначение разделительных символов (удаление пробелов и их трансформация в другие разделительные символы) не производится. Результат назначения этого параметра аналогичен результату назначения тега < PRE > в НТМL-документах. nowrap отменяет сворачивание (принудительный перевод каретки в случаях, когда текст не умещается в одной строке). Комментарии Данный параметр определяет, будут ли соседние пробелы преобразованы в один, как в обычных HTML-документах, или же они будут рассматриваться как компонент предварительного форматирования текста, обозначаемого тегом < PRE >. Значения, присвоенные данному параметру, наследуются. Пробелы между словами в XML-документах также могут быть заданы атрибутом XML xml: space. Пример
HEAD1 { white-space: рrе }
Назначение Задает ширину указанного объекта. Синтаксис
width: { length | percent% | auto }
Аргументы length - ширина, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. percent - относительная ширина, положительное число, задающее масштаб изображения в процентах к размерам исходного рисунка. Обязательно указывайте символ процента (%). auto означает, что соответствующий параметр должен быть автоматически рассчитан средствами броузера. Это значение присваивается данному параметру по умолчанию. Комментарии Данный параметр устанавливает ширину указанного объекта, заданную в пикселях или в процентах к исходным размерам либо вычисленную автоматически и масштабированную пропорционально высоте. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пикселы (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Если объект шире, чем указано, броузер самостоятельно его масштабирует. Если для ширины объекта указано значение auto, то соотношение ширины и высоты (то есть текущие пропорции объекта) сохраняется. Если значение auto указано как для высоты, так и для ширины объекта, то его фактические размеры броузер не изменяет. Значения, присвоенные данному параметру, не наследуются. Пример
IMG.bigpics { width: 250px }
Родственный параметр height. | word-spacing | интервал между словами | Назначение Задает интервал между словами. Синтаксис
word-spacing: { normal | [+|-] length }
Аргументы normal соответствует нормальному интервалу между словами. Это значение присваивается данному параметру по умолчанию. length - длина интервала, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. На практике, если интервал изменяется, то, как правило, в большую сторону. Однако параметру может быть присвоено и отрицательное значение, что будет соответствовать уменьшению расстояния между словами против нормального. Комментарии Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пиксели (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Значения, присвоенные данному параметру, наследуются. Пример
HEAD1 { word-spacing 2pt }
Родственный параметр letter-spacing. ПСЕВДООБЪЕКТЫКаскадные таблицы стилей допускают специальное форматирование первой строки абзаца (красная строка) и первой буквы абзаца (буквица). | first-line | красная строка | Назначение Задает способ выделения красной строки абзаца. Синтаксис
< PARA.first-line > firstJine_text < /PARA first-line >
Аргумент first_line_text отражает содержание красной строки. Комментарии Для специального форматирования красной строки могут быть использованы следующие параметры: background-attachment, background-color, background-image, background-position, background-repeat, clear, color, font, font-family, font-size, font-style, font-variant, font-weight, letter-spacing, line-height, text-decoration, text-transform, vertical-align и word-spacing. Используя атрибут class, можно задать специальное форматирование красной строки каждого абзаца, относящегося к конкретному классу. Назначение Задает формат буквицы (первой буквы абзаца). Синтаксис
< PARA first-letter > first_character < /PARA first-letter >
Аргумент first_character отражает символ буквицы данного абзаца. Комментарии Для специального форматирования буквицы могут быть использованы следующие параметры: background-attachment, background-color, background-image, background-position, background-repeat, border, border-bottom, border-bottom-width, border-color, border-left, border-left-width, border-right, border-right-width, border-style, border-top, border-top-width, border-width, clear, color, float, font, font-family, font-size, font-style, font-variant, font-weight, line-height, margin, margin-bottom, margin-left, margin-right, margin-top, padding, padding-bottom, padding-left, padding-right, padding-top, text-decoration, text-transform, vertical-align (если при этом значение float равно none) и word-spacing. Используя атрибут class, можно задать специальное форматирование буквицы для каждого абзаца, относящегося к конкретному классу. | 
ПОЛЕЗНЫЕ СОВЕТЫ JAVASCRIPT + CSS