Text-decoration

Text-align

Text-indent

Текст

Font

Font-size

Font-weight

Font-variant

Font-style

Font-family

Шрифты

Единицы Измерения

Лобов Валерий Михайлович

Писатель-исследователь, пушкинец

В тех случаях, когда значение свойства задается числовой величиной, могут быть использованы определенные единицы измерения.

рх — пиксель,
em – высота текущего шрифта элемента,
ex – высота строчной буквы x текущего шрифта элемента.

Единицы времени: ms — миллисекунда, s — секунда.

Величины, заданные в процентах, обозначаются знаком %.

Значения: названия шрифтов, которые могут быть использованы на веб-странице; типы шрифтов: serif, sans-serif (без засечек), cursive, fantasy, monospace.
Пример: <p style=”font-family: Arial, Helvetica, sans-serif”>

Стиль шрифта.

· normal — обычный;

· italic, oblique — курсив.

Еще одно свойство для задания стиля шрифта. Значения:

· normal — обычный;

· small-caps — малые прописные.

Пример: Н2 {font-variant: small-caps}

Толщина (“жирность”) символов шрифта.

Значения:

· normal — обычный (400);

· bold — полужирный (600 или 700);

· bolder — более жирный, чем в родительском элементе:

· lighter — менее жирный, чем в родительском элементе;

· 100, 200, 300, 400, 500, 600, 700, 800, 900 — допустимые числовые значения.

Размер шрифта. Значение:

· относительно размера шрифта браузера: xx-small, x-small, small, medium, large, x-large, xx-large

· относительно размера родительского шрифта: smaller, larger, % — значение, выраженное в процентах;

· абсолютное, выраженное в пунктах pt

Пример: <P style = "font-size: 16pt ">

Задание определенного шрифта применительно к конкретным задачам. Вид шрифта определяется настройками программы. В качестве значений могут использоваться величины свойств font-style, font-variant, font-weight, font-size, line-height, font-family. Другие значения:

· caption — шрифт для элементов управления (полужирный);

· icon — шрифт для пиктограмм;

· menu — шрифт для меню;

· messagebox — шрифт для окон диалога;

· smallcaption — шрифт для небольших элементов управления;

· statusbar — шрифт для строки состояния.

Величина отступа первой строки абзаца. Значения: числа, %.

Пример: <P style = "text-indent: -3em">

Выравнивание текста. Значения:

· left — по левому краю;

· right — по правому краю;

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

· justify — по ширине.

Оформление текста. Значения:

· nоnе — без оформления;

· underline — подчеркивание;

· overline — черта сверху;

· line-through — перечеркивание;

· blink — мигание (не поддерживается некоторыми браузерами).

Пример: <P style = "text-decoration: underline overline">

Дата добавления: 2017-02-01; Просмотров: 59; Нарушение авторских прав?; Мы поможем в написании вашей работы!