Таблица Б.1 – Свойства шрифтов
| Параметр
| Описание
|
| font-family
| Используется для указания шрифта или шрифтового семейства, которым будет отображаться элемент.
P {font-family: Times New Roman, sans-serif;}
|
| font-style
| Задает способ начертания шрифта: normal - Нормальный (по умолчанию), italic - Курсив, oblique - Наклонный.
P {font-style: italic;}
|
| font-variant
| Задает варианты начертания шрифта: normal - Нормальный (по умолчанию), small-caps - Все буквы заглавные).
P {font-variant: small-caps;}
|
| font-weight
| Определяет степень жирности шрифта с помощью параметров: normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900
B {font-weight: bolder;}
|
| font-size
| Устанавливает размер шрифта. Параметр может указываться как в относительной (проценты), так и абсолютной величине (пункты, пикселы, сантиметры)
H1 {font-size: 200%;}
H2 {font-size: 150px;}
H3 {font-size: 400pt;}
|
Таблица Б.2 – Свойства таблицы
| Параметр
| Описание
|
| table-layout
| Устанавливает или получает алгоритм обработки таблицы
TABLE {table-layout: fixed;}
Имеет два значения:
- auto - По умолчанию. Браузер самостоятельно вычисляет необходимые размеры таблицы;
- fixed - Браузер не учитывает содержимое отдельных ячеек при вычислении ширины таблицы и отдельных ячеек. Он использует значения ширины таблицы, ширины столбцов, рамок и расстояний между ячейками. Ширина столбцов таблицы вычисляется в следующем порядке:
1 используя значение атрибута WIDTH элементов COL;
2 используя значение атрибута WIDTH элементов TD первого ряда таблицы.
Если данные значения не установлены, то ширина столбцов вычисляется соответственно контенту ячеек.
|
Таблица Б.3 – Свойства текста
| Параметр
| Описание
|
| text-decoration
| Устанавливает эффекты оформления шрифта, такие, как подчеркивание или зачеркнутый текст:
H4 {text-decoration: underline;} – подчеркивание;
A {text-decoration: none;} – стандартный текст;
I {text-decoration: line-through;} – зачеркивание;
B {text-decoration:overline;} – надчеркивание.
|
| text-transform
| Задает преобразование регистра текста при отображении:
H4 {text-transform: capitalize;} – первая буква каждого слова преобразуется в заглавную;
A {text-transform: uppercase;} – все буквы преобразуются в заглавные;
I {text-transform: lowercase;} – все буквы преобразуются в строчные;
B {text-decoration:none;} – отменяет установленные преобразования.
|
| text-align
| Определяет выравнивание элемента. Возможные значения: left, right, center, justify.
P {text-align:justify}
H5 {text-align: center}
|
| text-indent
| Устанавливает отступ первой строки текста. Чаще всего используется для создания параграфов с табулированной первой строкой.
P {text-indent: 50pt;}
|
| line-height
| Управляет интервалами между строками текста.
P {line-height: 50 %}
|
| word-spacing
| Устанавливает интервалам между словами. Можно использовать отрицательные значения
P {word-spacing: 50 %}
|
| letter-spacing
| Устанавливает интервалам между буквами
P {letter-spacing: 50 pt}
|
| vertical-align
| Устанавливает вертикальное положение элемента. Может принимать следующие значения: baseline middle sub super text-top text-bottom top bottom
P {vertical-align: 50 pt}
|
Таблица Б.4 – Размер элемента
| Параметр
| Описание
|
| min-height
| Устанавливает или получает минимальную высоту элемента
TR {min-height: 10px;}
Данный атрибут применим к тегам таблицы, у которой свойство table-layout имеет значение fixed
|
Таблица Б.5 – Цвет элемента и цвет фона
| Параметр
| Описание
|
| сolor
| Определяет цвет элемента
I {color: green;}
|
| background-color
| Устанавливает цвет фона для элемента – именно для элемента, а не для странички. Разные броузеры отображают это свойство по-разному: Microsoft IE отводит под фон элемента всю доступную ширину страницы, а Netscape Navigator – лишь ширину, занимаемую этим элементом.
H4 {background-color: yellow;}
|
| background-image
| Устанавливает или получает фоновый рисунок для элемента. Может принимать значения
none - По умолчанию. Используется цвет родительского объекта
sUrl - Задается абсолютный или относительный путь к рисунку
H3 {background-image: yellow;}
|
| background-attachment
| Устанавливает или получает поведение фонового рисунка для элемента. Может принимать значения:
scroll - По умолчанию. Фоновый рисунок прокручивается вместе с элементом;
fixed - Фоновый рисунок не прокручивается вместе с элементом.
body {background-attachment: fixed;}
|
