Статистические Web-технологии. CSS свойства текста

Свойство Значение Описание Пример
line-height normal множитель значение % Интерлиньяж (межстрочный интервал) line-height: normal line-height: 1.5 line-height: 12px line-height: 120%
text-decoration none underline overline line-through blink Убрать все оформление Подчеркивание Линия над текстом Перечеркивание Мигание текста text-decoration: none
text-transform none capitalize uppercase lowercase Убрать все эффекты Начинать С Прописных ВСЕ ПРОПИСНЫЕ все строчные text-transform: capitalize
text-align left right center justify Выравнивание текста text-align: justify
text-indent значение % Отступ первой строки text-indent: 15px; text-indent: 10%

 

 

Статистические Web-технологии. CSS свойства шрифта

Свойство Значение Описание Пример
font-family имя шрифта Задает список шрифтов P {font-family: Arial, serif}
font-style normal italic oblique Нормальный шрифт Курсив Наклонный шрифт P {font-style: italic}
font-variant normal small-caps Капитель (особые прописные буквы) P {font-variant: small-caps}
font-weight normal lighter bold bolder 100–900 Нормальная жирность Светлое начертание Полужирный Жирный 100 — светлый шрифт, 900 — самый жирный P {font-weight: bold}
font-size normal pt px % нормальный размер пункты пикселы проценты font-size: normal font-size: 12pt font-size: 12px font-size: 120%
Свойство Значение Описание Пример
font-family имя шрифта Задает список шрифтов P {font-family: Arial, serif}
font-style normal italic oblique Нормальный шрифт Курсив Наклонный шрифт P {font-style: italic}
font-variant normal small-caps Капитель (особые прописные буквы) P {font-variant: small-caps}
font-weight normal lighter bold bolder 100–900 Нормальная жирность Светлое начертание Полужирный Жирный 100 — светлый шрифт, 900 — самый жирный P {font-weight: bold}
нормальный размер пункты пикселы проценты font-size: normal font-size: 12pt font-size: 12px font-size: 120%    

 

normal small-caps Капитель (особые проые буквы)

 

Статистические Web-технологии. CSS свойства таблиц

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

Display

Создание таблиц и элементов таблиц.
Значения:

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

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

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

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

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

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

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

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

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

Row-span

Количество строк, которые должна занять ячейка.

Column-span

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

Border-collapse

Способ прорисовки рамки.
Значения:

· separate — стиль броузеров (трехмерная рамка);

· collapse — стиль текстовых редакторов (плоская рамка).

Border

Характеристика рамки.
Значение свойства состоит из трех элементов: толщина, тип, цвет.
Возможные типы:

· dotted — рамка из точек;

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

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

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

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

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

· inset — одна грань, наклоненная внутрь;

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

Примеры:

TABLE { border: 1px solid blue; }
<TABLE style=«border-collapse: collapse; border: solid green; »>
<TD style=«border: double»>

 

Vertical-align

Способ (степень) вертикального выравнивания.
Значения:

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

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

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

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

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

Table-layout

Алгоритм форматирования таблицы.
Значения:

· auto — стандартный;

· fixed — ускоренный