logo search
Моделирование систем / Моделирование систем / Теория / Dop / АИС_Конспект

Приложение №5.Некоторые стилевые параметры

Таблица 5.1. Оформление узла.

Параметр

Значение

background-image

url(path).Загрузка изображения, path – путь к файлу изображения

background-color

Цвет фона. Системная цветовая константа либо 16ричное число #RRGGBB. Например #FF0000 – ярко красный фон

background-repeat

Повтор рисунка фона: repeat (повторять),repeat-x(поворять по горизонтали), repeat-y(повторять по вертикали), no-repeat(не поворять)

background-position

Выравнивание фона: left,right,top,bottom,center (см. таблицу 2)

width

Ширина изображения в пикселах

height

Высота изображения в пикселах

Таблица 5.2.Типы выравнивания.

left top

(the default)

center top

Or top

right top

left top

Or

left

center center

Or

center

right center

Or

right

left bottom

center bottom

Or

bottom

right bottom

Таблица 5.3. Параметры для работы с текстом.

Параметр

Значение

display

Отображение текста: block(отдельный блок), none (не отображать)

font-family

Тип шрифта

font – size

Размер шрифта. Базовая ед измерения px – пикселы

font-style

normal(нет эффекта), italic(курсив), oblique(рукописный)

font-weight

Яркость шрифта:normal, bold,bolder,lighter. Либо диапазон 100-900. Выбранное значение должно быть кратно 100

color

Цвет символов. См цвет фона.

text-transform

Изменение регистра: uppercase (верхний регистр),lowercase(нижний регистр),capitalize(все первые буквы слов прописные)

text-align

Выравнивание текста в узле: left, right, center

text-decoration

Оформление текста: underline(подчеркивание), overline(черта над символами),

line-through(перчеркнутый текст)

Таблица. 5.4. Оформление текстовых областей.

Параметр

Значения

border-style

Толщина рамки: solid (тонкая) , double (двойная), none (нет)

border-width

Ширина рамки. thin, medium, thick. Или размер в пикселах

border-color

Цвет рамки

padding-top

Просвет между рамкой и текстом сверху

padding-bottom

Просвет между рамкой и текстом с низу

padding-left

Просвет между рамкой и текстом. С лева

padding-right

Просвет между рамкой и текстом. С права

padding

Просвет между рамкой и текстом

float

Расположение элемента относительно другого– обтекание: left,right,none

clear

Отмена действия float: left,right

margin-left

Левый отступ

margin-right

Правый отступ

margin-bottom

Отступ снизу

margin-top

Отступ сверху

Примечание. Отступы можно задавать в процентах от площади экрана. Под текстовой областью понимается текст, связанный с узлом – тегом XML документа.

Таблица 5.5. Относительные единицы измерения.

em

Высота текущего шрифта элемента

ex

Высота строчной буквы х текущего шрифта

px

Размер пиксела на мониторе