 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Основные элементы таблиц стилей CSS
|
|
Таблица Б.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 – Цвет элемента и цвет фона
Дата публикования: 2015-10-09; Прочитано: 161 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
