Загальні властивості стилів та їхні значення

Дата добавления: 2015-07-09; просмотров: 536; Нарушение авторских прав

Властивість	Значення	Пояснення
Border-color	red, green, #ffcc55	Колір рамки
Border-style	none, dotted, dashed, solid, double, groove, ridge, inset, outset	Стиль рамки
Border-width	2mm, 3mm	Товщина рамки
Font-family	Arial, «Times New Roman», Serif	приоритетний список шрифтів
ІFont-size	12pt, 16pt	Розмір шрифта
Font-style	normal, oblique, italic	Стиль шрифту
Font-weight	normal, bold, bolder	Товщина шрифта
Word-spacing	число у mm	Відстань між словами
Letter-spacing	число у mm	Відстань між символами
Line-height	число у mm	Відстань між рядками
Background-attachment	Fixed, scroll	Тло фіксоване,прокручується
Background-color	red, green, #ffcc55	Колір тла
Background-image	URL("aдрeca графічного файлу для тла")
Color	red, green, #ffcc55	Колір елемента
Text-align	Left, right, center,justify	Вирівнювання тексту
Text-decorate	none, underline, overline, line-through, blink	Оформлення тексту
Text-indent	Число	Абзацний відступ
Vertical-allign	top, super, middle, sub, bottom	Вертикальне вирівнювання
Margin або Margin-top Margin-right Margin-bottom Margin-left	Число1 число2 число3 число4	Відступи зверху, справа, знизу, зліва
Padding або Padding-top Padding-right Padding-bottom Padding-left	Число1 число2 число3 число4	Величина вільного простору між стороною рамки і елементом у рамці
Height	Число	Висота елемента
Width	Число	Ширина елемента
Float	none, left, right	Обтікання об'єкта текстом
List-style-image	URL("aflpeca графічного маркера списку")
List-style-type	disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none	Вигляд маркера списку (диск, круг, квадрат, арабські цифри, малі чи великі римські тощо)
List-style-position	inside, outside	Позиція маркера

Зв’язана таблиця стилів:

Таблиця є самостіний файл.css, а у html-файлі створюється запис у тегі <HEAD>:

<LINK HREF ="адреса таблиці стилів (наприклад, styles.css)"

TYPE= "text/css" REL= "stylesheet" TITLE = "URL таблиці стилів">

<== предыдущая лекция	\|	следующая лекция ==>
Створення сайтів	\|	Послідовність виконання роботи