|
Впроваджена таблиця:
<STYLE TYPE="text/css">
{Список тегів|.клас} {властивість1:значення1;
властивість2:значення2; властивість3:значення3; . . . </STYLE>
Загальні властивості стилів та їхні значення
Властивість
|
Значення
|
Пояснення
|
|
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 таблиці стилів">
|
