<Html> <Body style = "background-color:black;"> <H1 style = "color:white;padding: 30px;"> ВПУ №14 м. Коломия</h1> <P style = "color:white;">Здобуть тут свою майбутню професію </P> </Body> </Html>
<Head> <Style type = "text/css"> body { background-color: blue; } h1 { color: red; padding: 60px; } <Style> </Head>
Властивість
|
Опис
|
Значення
|
Приклад
запису
|
font-family
|
Сімейство
шрифта
|
Serif - шрифти з «зарубками»
Sans-serif -
шрифти рубані,
Monospace - моноширинні шрифти
|
body {font-family: Verdana, Helvetica, Arial,
sans-serif;}
|
font-style
|
Стиль шрифта
|
Normal (звичайний)
Italic (курсивний)
Oblique (похилий)
Inherit (наслідування
батьківської властивості)
|
h2 {font-family: "Times New Roman", serif; font-style:
italic;}
|
font-variant
|
Трансформація
букв шрифта в зменшені заголовні букви
|
Normal
small-caps
inherit
|
h1 {font-variant: small-caps;}
h2 {font-variant: normal;}
|
font-weight
|
Ширина ліній шрифта ("Жирність")
|
Normal (нормальний)
Bold (жирний)
Bolder (збільшення жирності)
Lighter (зменшення жирності)
100 (жирність в
числовому значенні)
200
300
400
500
600
700
800
900
inherit
|
H1{font-family: arial, verdana, sans-serif; font-weight:
bold;}
|
font-size
|
Розмір шрифта
|
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
розмір %
inherit
|
h1 {font-size: 30px;}
h2 {font-size: 12pt;}
h3 {font-size: 120%;}
p {font-size: 1em;}
|
ВІТАЄМО НАШИХ ПЕРЕМОЖЦІВ!!! 20 листопада 0 19.00 відбулася Всеукраїнська гра Mind Game (інтелектуально-розважальна гра) в розважальному комплексі "Троя". У цій грі брали участь 8 команд, різних вікових категорій, навчальних закладів та міст. Команда "БЕМС" у складі, якої були учні ВПУ-14 м. Коломиї зайняли I місце. Склад команди: Капітан: Борисевич Володимир. Члени команди: 1.Процюк Христина, 2.Гладій Назар 3.Мокрій Христина 3.Абрам'юк Артур 4.Гелембин Ярослав Гра виявилась, дуже захоплива, та емоційна гра!! Пишаємося нашими учнями. Молодці!!!!. Адміністратор сайту ВПУ 14 м.Коломия www.vpu14.ho.ua
Властивість
|
Значення
|
Опис
|
Приклад запису
|
|
line-height
|
Normal
Множник
Точно
%
|
Інтерліньяж (міжрядковий
інтервал)
|
line-height: normal
line-height: 1.5
line-height: 12px
line-height: 120%
|
|
text-decoration
|
None
|
Прибрати усе оформлення
|
text-decoration:
none
|
|
Underline
|
Підкреслення
|
|||
Overline
|
Лінія над текстом
|
|||
Line-through
|
Перекреслювання
|
|||
Blink
|
Мигання тексту
|
|||
text-transform
|
None
|
Прибрати усі
ефекти
|
text-transform:
capitalize
|
|
Capitalize
|
Розпочинати з прописних
|
|||
Uppercase
|
Усі прописні
|
|||
Lowercase
|
Усі рядкові
|
|||
text-align
|
Вирівнювання
тексту:
|
text-align:
justify
|
||
Left
|
по лівій стороні
|
|||
Right
|
по правій стороні
|
|||
Center
|
по центру
|
|||
Justify
|
по ширині
|
|||
text-indent
|
Точно
%
|
Відступ першого
рядка
|
text-indent: 15рх;
text-indent: 10%
|
|
text-shadow
|
none
|
відсутність
значення (за замовчуванням).
|
text-shadow: white 2px 2px 3px;
|
|
color
|
колір затінення
тексту.
|
|||
перше числове значення
|
віддалення по
горизонталі вправо від тексту
|
|||
Негативне значення
|
Відстань вліво від тексту
|
|||
друге числове
значення
|
Віддалення по вертикалі вниз від тексту
|
|||
Негативне значення
|
відстані вгору від
тексту..
|
|||
третє числове значення
|
Радіус нерізкості
тіні тексту
|
|||
letter-spacing
|
Визначає інтервал
між символами тексту
|
p { letter-spacing: 5px }
|
||
none
|
інтервал, звичайні для використовуваного шрифту
|
|||
будь-яка довжина
|
довжина інтервалу межу букв
|
|||
inherit
|
застосовується значення батьківського елементу
|