CSS - каскадные таблицы стилей - справочник
« Назад
CSS - каскадные таблицы стилей - справочникВ таблицах стилей определяются правила (rules) - наборы значений соответствующих параметров, задающих особенности форматирования выделенного текста, абзацев и документов в целом. Подключив таблицу стилей к файлу, пользователь назначает выделенному блоку текста стиль, выбирая его из раскрывающегося меню или с помощью клавиатурного макроса. Это намного проще, чем назначать стиль путем подачи нескольких команд через меню или диалоговые окна. Так, например, чтобы вывести текст полужирным шрифтом Helvetica размером 18 пунктов и задать выравнивание по центру, приходится выполнять для каждого абзаца четыре отдельные команды с использованием меню, панели с кнопками или же, наконец, выбрать четыре параметра в диалоговом окне. В то же время, располагая присоединенной таблицей стилей, того же результата можно было достичь, выполнив одну команду с помощью определенной клавиши или комбинации клавиш. ПРИМЕЧАНИЕ Во всех текстовых процессорах имеется таблица стилей, по умолчанию назначающая предопределенный стиль вновь открываемым документам, их абзацам и тексту. В Microsoft Word for Windows этот шаблон стилей называется Normal (Обычный) и устанавливает гарнитуру Times New Roman, кегль 10 пунктов, выравнивание абзаца по левой стороне и одинарный шаг между строками. Каждое правило состоит из двух частей селектора (selector), то есть объекта, к которому применяется правило, и объявления (declaration), содержащего параметры (properties) и их значения (values). В примере PARA {FONT: 12pt "Century Schoolbook"} селектором является PARA (объект абзац), а в объявлении содержится параметр FONT (шрифт) и его значения 12pt и "Century Schoolbook". Помимо форматирования текста, таблицы стилей могут использоваться для задания размеров полей, отбивок до и после абзаца, выравнивания абзацев и многих других параметров. Подключая к документу различные таблицы стилей, можно радикально изменять его внешний вид. С другой стороны, модифицируя только одну таблицу стилей, мы влияем на формат представления каждого из множества документов, которые могут быть привязаны к этой таблице. В мае 1996 года Интернет - консорциум W3C (The World Wide Web Consortium) объявил о разработке каскадных таблиц стилей (Cascading Style Sheets - CSS) - наборов таблиц стилей документов, позволяющих разработчикам форматировать и изменять внешний вид XML- (и HTML-) документов таким же образом, как это делается в текстовом процессоре. Стало возможным привязывать несколько каскадных таблиц стилей к одному документу и определять несколько стилей для отдельного объекта. В общем случае конкретному объекту назначается последний из стилей, примененных к предшествующим объектам. Сейчас полностью или частично таблицы стилей поддерживаются только некоторыми броузерами, остальные должны обеспечить такую поддержку в ближайшее время. Существуют два стандарта каскадных таблиц стилей: CSS1 и CSS2. Изначально был внедрен стандарт CSS1 - простой набор правил форматирования и размещения текста, абзацев и документов. Текущий стандарт, CSS2, дополнил CSS1 набором стилей для визуальных броузеров, устройств озвучивания текстов, принтеров, приспособлений Брэйля и т. п. Кроме того, были определены стили представления табличных данных, стили для работы с неанглийскими (так называемыми локализованными) источниками и многое другое. Пока стандарт CSS2 не будет поддерживаться большей частью броузеров, предпочтительнее руководствоваться стандартом CSS1, требования и особенности которого рассматриваются в настоящей главе. Сейчас ведутся работы над созданием языка XSL (XML Stylesheet Language - язык таблиц стилей XML), на котором таблицы стилей для XML-документов будут составляться с использованием приемов и объектов XML. ПРЕИМУЩЕСТВА ТАБЛИЦ СТИЛЕЙЗадав одну и ту же таблицу стилей для целого ряда документов, можно добиться единого дизайна (цветов, гарнитур, кеглей, полей, втяжек, интерлиньяжа, других параметров), что очень важно в вопросах соблюдения фирменного стиля. Профессиональные дизайнеры предлагают коллекции макетов полос (страниц), где заранее определены стили верстки таблиц, текстовых блоков, заголовков и основного текста, назначены объекты украшения полосы, цвета фона и пр. Присоединив к документу такой макет, разработчику XML остается сосредоточиться только над обработкой содержимого документа: стиль его оформления уже задан шаблоном. Со своей стороны, выбор гиперссылки на соответствующий стиль позволяет читателю установить приемлемый для него формат вывода XML-документа на экран. Так, лица с ослабленным зрением могут выбрать таблицу стилей с увеличенными размерами шрифтов. В будущем стандарте CSS предусматривается возможность задавать в таблице стилей озвучивание текста документа через звуковую подсистему компьютера. Посетители сайтов смогут выбирать из ряда предложенных стилей, различающихся по цветовой гамме страниц и таблиц, по начертанию и размерам шрифтов, дополнительному оформлению текста. Для распечатки документа пользователь сможет выбрать специальную таблицу стилей, оптимизированную с учетом требований к распечатке материала на принтере. Наконец, появится возможность самостоятельно создавать и изменять таблицы стилей. ПРИМЕЧАНИЕ Разработчики XML-документов должны, насколько это возможно, предотвращать конфликты создаваемых ими таблиц стилей с таблицами, создаваемыми пользователями. Надо также учитывать, что часть броузеров не поддерживают таблицы стилей. Во всех случаях полезно убедиться, что ваш документ выглядит удовлетворительно как с присоединенной таблицей стилей, так и без нее. Таблицы стилей позволяют разработчику представить в едином формате каждую из групп идентичных компонентов документа. Так, все заголовки основных разделов документа (верхний уровень) должны быть оформлены единообразно. Оформление заголовков компонентов внутренней структуры основных разделов должно визуально отражать уровень того или иного подраздела в структурной иерархии документа. По мере движения по нисходящей здесь используется постепенное уменьшение кегля, снижение насыщенности начертания (путем подбора толщины символов, включения курсива и т. д.). При наличии таблицы стилей достаточно изменить правило для одного стиля, чтобы изменить, например, размер, начертание и цвет шрифта всех заголовков, относящихся к первому уровню. Без таблицы стилей автору пришлось бы либо довольствоваться стилем по умолчанию, либо вручную переопределять оформление каждого из заголовков верхнего уровня, встречающегося в документе. ОПРЕДЕЛЕНИЕ СТИЛЕЙОпределить стиль объекта документа не слишком сложно. Для этого достаточно связать с объектом одно или несколько правил. В качестве примера задания абзацного стиля установим стиль объекта PARA: PARA { color: red; font-family: Arial, "Century Gothic", sans-serif; font-style: italic } Чтобы сделать код более читабельным, воспользуемся отступами: PARA { color: red; font-family: Arial, "Century Gothic", sans-serif; font-style: italic } В соответствии с этим набором параметров предполагается, что весь текст абзаца будет выведен в красном цвете шрифтом курсивного начертания с использованием гарнитуры Arial, или гарнитуры Century Gothic, или - если таковые не инсталлированы - иной гарнитуры без засечек из числа имеющихся на данном компьютере. Поскольку размер шрифта (параметр font - size) явно не указан, броузер назначит величину, используемую по умолчанию.
ПРИМЕЧАНИЕ Если строковый параметр состоит из двух слов (скажем, название гарнитуры Century Gothic) или включает знаки препинания, он должен быть заключен в кавычки (например, "Century Gothic"). Чтобы задать одно и то же правило для нескольких объектов, нужно их перечислить, а затем описать требуемое правило. Этот прием можно использовать, когда надо назначить один и тот же цвет нескольким уровням заголовков документа: HEAD1, HEAD2, HEADS, HEAD4 { color: red } Можно также определить специальные свойства объектов, вложенных в другие объекты. Возьмем для примера пункт списка (LI) внутри упорядоченного списка (OL) в документе HTML: OL LI { font-style: Arial; font-size: small } ПРИМЕЧАНИЕ Обратите внимание: при перечислении однородных объектов (таких, как заголовки) мы разделяем их запятыми, в то время как объекты разного порядка (такие, как список OL и пункт списка LI) отделяются друг от друга пробелом. Комментарии к таблицам стилей заключаются в наклонные скобки со звездочками (/* */), например: UL{font-weight: demi-bold}/*Все неупорядоченные списки */ Привязка каскадной таблицы стилей к XML-документу осуществляется в форме объявления особого типа документа: < ! doctype style-sheet PUBLIC "-//A. Author//DTD CSS Style Sheet//EN" > Документ, являющийся таблицей стилей, должен содержать определения элементов и правила задания стилей. ПРИВЯЗКА КАСКАДНОЙ ТАБЛИЦЫ СТИЛЕЙ XML-ДОКУМЕНТУК HTML-документу внешний файл с описанием стилей привязывается с помощью элемента LINK. Одна или более таблиц стилей могут быть привязаны к XML-документу тем же способом. Для этого в пролог XML-документа достаточно включить таблицу стилей с помощью инструкции xml: style sheet или xml: alternate-style sheet. Синтаксис: <?xml:style sheet | alternate-style sheethref={"|'}stylename.css {"|'} type={"|'}text/css{"|'} [charset={"|'}charset{"|'}] [media={"|'}medial"|'}] [title={"|'}doctitle{"|'}]?> Аргументы: style sheet - ключевое слово, указывающее, что присоединенный документ представляет собой таблицу стилей; alternate-style sheet - ключевое слово, указывающее, что присоединенный документ представляет собой альтернативную таблицу стилей; href задает URL ссылки на внешний документ, являющийся таблицей стилей; type задает тип имени ссылки, используемый для информации в пределах текущего документа; charset устанавливает набор символов для отображения данных, получаемых по ссылке, заданной атрибутом href; media идентифицирует тип устройства, назначенного для воспроизведения информации; title задает имя заголовка для документа, являющегося внешней таблицей стилей. Пример < ?xml:style sheet href="styler.css" type="text/css"? > ПОИСК НУЖНОГО ПАРАМЕТРАПорой весьма затруднительно увязать конкретный параметр каскадной таблицы стилей (CSS) с той ролью, которую он играет. Чтобы упростить задачу, в таблице 1.1 все параметры собраны в алфавитном порядке и также приведено Назначение каждого параметра. Если вы забыли имя параметра, но хорошо представляете проблему, то, пользуясь этой таблицей, нужный параметр вы легко сможете найти по краткому описанию его функций.
ПАРАМЕТРЫ ТАБЛИЦ СТИЛЕЙВ этом разделе перечислены документированные к настоящему времени параметры каскадных таблиц стилей. Как и в таблице 1., все параметры приведены в алфавитном порядке, в описание каждого параметра включены пункты о его назначении, Синтаксисе, аргументах, а также пункты с комментариями и примерами. ПРИМЕЧАНИЕ Далее по тексту главы все значения параметров, назначаемые им по умолчанию, выделены подчеркиванием.
Назначение Задает одновременно до пяти параметров оформления фона страницы. Синтаксис 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 }
#FFFFFF
Назначение Задает, будет ли неподвижен фоновый рисунок относительно границ окна или он будет прокручиваться вместе с содержимым страницы. Синтаксис background-attachment:{ scroll | fixed } Аргументы scroll задает режим, при котором фоновый рисунок перемещается одновременно с содержимым текущей страницы при ее прокрутке в окне. Это значение придается данному параметру по умолчанию. fixed привязывает фоновый рисунок к границам окно. Комментарии Значения, присвоенные данному параметру, не наследуются. Пример BODY { background-image: url (pattern.gif); background-color: silver; background-attachment: fixed }
Назначение Определяет цвет фона текущего документа или части документа. Синтаксис 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: {url([url_name)|none} Аргументы url_name сообщает местоположение (URL) графического файла, используемого в качестве фонового изображения. none указывает на то, что фоновое изображение не назначено (значение по умолчанию). Комментарии Значения, присвоенные данному параметру, не наследуются. Пример ONEPAGE { background-image: url (pattern.gif); background-color: silver }
Назначение Задает точку отсчета для координат местоположения фонового рисунка. Синтаксис 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: { 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-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-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: { thin | medium | thick | length } Аргументы thin соответствует толщине меньшей, чем medium или thick. medium шире, чем thin, но уже, чем thick. Это значение дается данному параметру по умолчанию. thick шире, чем thin или medium. length - толщина, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Реально отображаемая толщина рамки может различаться в зависимости от используемого броузера. Значения, присвоенные данному параметру, не наследуются. Пример TEXT { border-bottom-width: thick }
Назначение Задает цвет одной, двух, трех или четырех сторон рамки. Синтаксис 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-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: { thin | medium | thick | length } Аргументы thin соответствует толщине меньшей, чем medium или thick. medium шире, чем thin, но уже, чем thick. Это значение дается данному параметру по умолчанию. thick шире, чем thin или medium. length - положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Реально отображаемая толщина рамки может различаться в зависимости от используемого броузера. Значения, присвоенные данному параметру, не наследуются. Пример HEAD1 { border-left-width: 0.25in }
Назначение Устанавливает цвет, стиль и/или толщину правой стороны рамки. Синтаксис 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: { thin | medium |thick | length } Аргументы thin соответствует толщине меньшей, чем medium или thick. medium шире, чем thin, но уже, чем thick. Это значение дается данному параметру по умолчанию. thick шире, чем thin или medium. length - положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Реально отображаемая толщина рамки может различаться в зависимости от используемого броузера. Значения, присвоенные данному параметру, не наследуются. Пример LONGQUOTE { border-right-width: 2pt }
Назначение Устанавливает стиль отображения одной, двух, трех или четырех сторон рамки. Синтаксис 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-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:{thin | medium | thick | length} Аргументы thin соответствует толщине меньшей, чем medium или thick. medium шире, чем thin, но уже, чем thick. Это значение дается данному параметру по умолчанию. thick шире, чем thin или medium. length - положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Рамка находится за пределами содержимого страницы, но в пределах ее границ, а также левого, правого, верхнего и нижнего полей. Реально отображаемая толщина рамки может различаться в зависимости от используемого броузера. Значения, присвоенные данному параметру, не наследуются. Пример BIGQUOTE {border-top-width: thin}
Назначение Устанавливает толщину одной, двух, трех или четырех сторон рамки. Синтаксис 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: { none | left | right | both } Аргументы none означает, что растекающийся объект будет размещен в соответствии с текущими установками выравнивания, не ожидая очистки полей. Это значение присваивается данному параметру по умолчанию. left размещает растекающийся объект после очистки левого поля. right размещает растекающийся объект после очистки правого поля. both размещает растекающийся объект после очистки левого и правого полей. Комментарии Значения, присвоенные данному параметру, не наследуются. Пример IMG.clearex.gif { clear: left }
Назначение Устанавливает для текущего документа или части текущего документа цвет шрифта и других объектов переднего плана. Синтаксис 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: { inline | block | list-item | none } Аргументы inline создает рамку вокруг строки, в которую был выведен последний из предыдущих объектов. block создает рамку, в которую будет выведен текущий объект. Это значение присваивается данному параметру по умолчанию. list-item создает рамку, в которую будет выведен текущий объект, и добавляет маркер объекта списка. none указывает, что объект, его дочерние объекты и рамка выводиться не будут. Комментарии Размеры рамки строки достаточны для размещения объекта. Если содержимое не умещается в одну строку, для каждой последующей строки создается новая рамка. Значения, присвоенные данному параметру, не наследуются. Этот стиль определенно следует задавать для объектов XML, так как параметры блока, устанавливаемые по умолчанию, не всегда могут оказаться приемлемыми. Помимо параметра display размещение объектов в XML-документах задается атрибутом xml: space. Пример Q { display: block }
Назначение Отображает растекающийся объект или вставляет его в документ. Синтаксис 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: { ["] 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: { normal | italic | oblique } Аргументы normal соответствует основному, не имеющему дополнительного наклона начертанию. Это значение присваивается данному параметру по умолчанию. italic соответствует стандартному курсивному начертанию. oblique соответствует наклонному начертанию с углом наклона меньшим, чем обычный курсив. Комментарии Данный параметр задает степень увеличения наклона символов относительно заданного в основном варианте начертания. Если курсив со степенью наклона, задаваемой аргументом italic, отсутствует в данной гарнитуре, то фактическая степень наклона, возможно, будет соответствовать значению аргумента oblique (с меньшим наклоном). Значения, присвоенные данному параметру, наследуются. Пример HEAD2, HEAD4 { FONT-STYLE: italic; FONT-WEIGHT: bold}
Назначение Устанавливает один и более параметров, соответствующих разным вариантам использования смешанных регистров символов. Синтаксис font-variant: { normal | small-caps } Аргументы normal соответствует отсутствию режима small-caps. Это значение присваивается данному параметру по умолчанию. small-caps представляет собой режим, при котором все строчные буквы представляются в виде прописных букв меньшего кегля, чем буквы, изначально введенные в строку как прописные. Комментарии Этот параметр задает регистр символов. Если гарнитура не включает специальных начертаний для режима small-caps, они могут быть заменены стандартными прописными буквами уменьшенного кегля. Значения, присвоенные данному параметру, наследуются. Пример PARA.note { font-variant: small-caps; font-weight: bolder }
Назначение Устанавливает степень увеличения или уменьшения толщины линий начертания текста. Синтаксис 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; в конец объявления, чтобы установить его приоритет по отношению к другим объявлениям. Объявление автора программы без указания приоритетности имеет приоритет по отношению к объявлению пользователя без указания приоритетности. Объявление автора программы с указанием приоритетности имеет приоритет по отношению к объявлению пользователя с указанием приоритетности. Объявление пользователя с указанием приоритетности имеет приоритет относительно объявления автора программы без указания приоритетности.
Назначение Устанавливает трекинг - расстояние между отдельными парами символов, включая пробелы между словами. Синтаксис 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: { url (url_name) | none } Аргументы url_name соответствует URL графического образа, используемого для маркера списка. none означает, что список выводится без маркера. Комментарии Значения, присвоенные данному параметру, наследуются. Пример UL { list-style-image: url (button.gif) }
Назначение Задает положение маркера относительно пунктов нумерованного или маркированного списка. Синтаксис list-style-position: { inside | outside } Аргументы inside выравнивает вторую строку пункта списка по левому полю, размещая ее под маркером. outside выравнивает вторую строку пункта списка по первой. Маркер оказывается левее строк списка. Это значение присваивается данному параметру по умолчанию. Комментарии Значения, присвоенные данному параметру, наследуются. Пример UL { list-style-position outside }
Назначение Задает тип маркера или нумерации для ну мерованного или маркированного списка. Синтаксис 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 { [ 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: {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: { [ 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: { 0 |length | percent% } Аргументы 0 отражает текущую величину установок родительского объекта для соответствующей отбивки. Это значение присваивается данному параметру по умолчанию. percent - относительная величина отбивки, положительное число в процентах к текущему значению отбивки родительского объекта. Обязательно укажите символ процента (%). length - величина отбивки, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Данный параметр задает размеры отбивки снизу и/или отключает специальную установку соответствующего параметра разметки страницы. Для этого используются единицы измерения, действующие по умолчанию, или же указывается процентное отношение к текущей высоте страницы, либо минимально необходимая величина рассчитывается автоматически. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; px - пиксели (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; pc - пики. Отбивки располагаются вне содержимого страницы, в пределах между обрезом страницы - с одной стороны и полями и рамками - с другой. Значения, присвоенные данному параметру, не наследуются. Пример BIGPAGE { padding-bottom: 8pt }
Назначение Задает величину отбивки слева и/или отключает специальную установку соответствующего параметра разметки страницы. Синтаксис 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: { 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: { 0 | length | percent% } Аргументы 0 отражает текущую величину установок родительского объекта для соответствующей отбивки. Это значение присваивается данному параметру по умолчанию. percent - относительная величина отбивки, положительное число в процентах к текущему значению отбивки родительского объекта. Обязательно укажите символ процента (%). length - величина отбивки, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. Комментарии Данный параметр задает размеры отбивки сверху и/или отключает специальную установку соответствующего параметра разметки страницы. Для этого используются единицы измерения, действующие по умолчанию, или же указывается процентное отношение к текущей высоте страницы, либо минимально необходимая величина рассчитывается автоматически. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пикселы (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Отбивки располагаются вне содержимого страницы, в пределах между обрезом страницы - с одной стороны и полями и рамками - с другой. Значения, присвоенные данному параметру, не наследуются. Пример BIGPAGE { padding-top: 6pt }
выравнивание по горизонтали Назначение Выравнивает текст по горизонтали. Синтаксис text-align: { left | right | justify | center } Аргументы left в пределах данного объекта задает выравнивание текста по левому краю объекта. Это значение присваивается данному параметру по умолчанию. right в пределах данного объекта задает выравнивание текста по правому краю объекта. justify в пределах данного объекта задает выравнивание текста по ширине (по правому и левому краям объекта). center в пределах данного объекта задает выравнивание текста по центру (текст выравнивается относительно середины объекта). Комментарии Данный параметр определяет тип выравнивания левого и/или правого края абзаца, либо располагая каждую строку с равным отступом от краев абзаца, либо центрируя строки. Изначально тип выравнивания задается внутренними установками броузера и направлением текста для соответствующего языка. Значения, присвоенные данному параметру, наследуются. Пример PARA.FORMAL { text-align: justify } Родственный параметр vertical-align.
Назначение Выделяет текст подчеркиванием или миганием. Синтаксис text-decoration: { none | [underline | overline | line-through | blink] } Аргументы none означает, что текст не имеет объектов выделения. Это значение присваивается данному параметру по умолчанию. underline выделяет текст горизонтальной чертой, проходящей по нижней границе строки (подчеркивание). overline выделяет текст горизонтальной чертой, проходящей по верхней границе строки (надчеркивание). line-through выделяет текст горизонтальной чертой, проходящей через середину строки (прочеркивание). blink выделяет текст миганием (попеременно включая и отключая его отображение). Комментарии Значения, присвоенные данному параметру, не наследуются. Однако к дочерним классам данного объекта должны быть применены те же способы выделения текста. Хотя броузеры и должны распознавать команды вывода мигающего текста, на практике этот режим может не поддерживаться. Пример PARA.MESSAGE { TEXT-DECORATION: underline; TEXT-DECORATION: overline }
Назначение Задает отступ или выступ для первой строки абзаца. Синтаксис text-indent: { length | percent% } Аргументы length - величина отступа, положительное число, за которым следует двух - буквенное обозначение используемой единицы измерения. percent - относительная величина отступа, положительное число, задающее размеры абзацного отступа в процентах к текущему значению родительского объекта. Обязательно указывайте символ процента (%). Комментарии Этот параметр задает отступ (или выступ) для первой строки абзаца относительного ее левого края (в единицах измерения, действующих по умолчанию) либо в процентном отношении к исходной величине втяжки. Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пиксели (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; м mm - миллиметры; pt - пункты; рс - пики. Значения, присвоенные данному параметру, наследуются. Пример PARA { text-indent: 0,5in }
Назначение Изменяет регистр символов. Синтаксис text-transform: { capitalize|uppercase|lowercase| none} Аргументы capitalize переводит в верхний регистр первую букву каждого слова в строке. uppercase переводит в верхний регистр все буквы в строке. lowercase переводит в нижний регистр все буквы в строке. none отменяет все унаследованные от родительского объекта установки по применению специального режима для регистра символов. Это значение присваивается данному параметру по умолчанию. Комментарии Данный параметр либо переводит в верхний регистр первую букву каждого слова или все буквы строки, либо переводит все буквы строки в нижний регистр, либо отменяет специальный режим для регистра символов, унаследованный от родительского объекта. Значения, присвоенные данному параметру, наследуются. Пример PARA.warning { text-transform: uppercase; font-weight: 900 }
Назначение Выравнивает объект по вертикали (относительно базовой линии). Синтаксис 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: { 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: { normal | [+|-] length } Аргументы normal соответствует нормальному интервалу между словами. Это значение присваивается данному параметру по умолчанию. length - длина интервала, положительное число, за которым следует двухбуквенное обозначение используемой единицы измерения. На практике, если интервал изменяется, то, как правило, в большую сторону. Однако параметру может быть присвоено и отрицательное значение, что будет соответствовать уменьшению расстояния между словами против нормального. Комментарии Для обозначения единиц измерения могут быть использованы перечисленные ниже двухбуквенные аббревиатуры. Относительные измерения: em - текущий кегль (высота шрифта); ех - высота буквы х для текущего кегля; рх - пиксели (относительно координат окна). Абсолютные измерения: in - дюймы; cm - сантиметры; mm - миллиметры; pt - пункты; рс - пики. Значения, присвоенные данному параметру, наследуются. Пример HEAD1 { word-spacing 2pt } Родственный параметр letter-spacing. ПСЕВДООБЪЕКТЫКаскадные таблицы стилей допускают специальное форматирование первой строки абзаца (красная строка) и первой буквы абзаца (буквица).
Назначение Задает способ выделения красной строки абзаца. Синтаксис < 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, можно задать специальное форматирование буквицы для каждого абзаца, относящегося к конкретному классу. З повагою ІЦ “KURSOVIKS”! |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||