Таблиця А.1 – Властивості елементів
Властивість | Опис | Можливі значення | Область застосування |
padding padding-top padding-right padding-left paddung-bottom | відступ від границі елемента до його вмісту | довжина, процент | для всіх елементів |
margin margin-top margin-right margin-left margin-bottom | зовнішній відступ елемента | довжина, процент | для всіх елементів |
border-width border-top-width border-right-width border-left-width border-bottom-width | товщина границі | довжина, thin, medium, thick | для всіх елементів |
border-color | колір границі | колір | |
border-style | стиль границі | none, dotted, dashed, solid, double, groove, ridge, inset, outset | |
border border-top border-right border-left border-bottom | узагальнює перераховані вище властивості для вказаної границі | border-width border-style border-color |
Продовження таблиці А.1
Width | ширина елемента | довжина, процент | Для блокових елементів |
Height | висота елемента | ||
Display | визначає, як буде відображатися елемент | none, block, inline, list-item | для всіх елементів |
list-style-type | визначає вид маркеру списку | none, disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha | для елементів зі значенням display, що дорівнює list-item |
list-style-image | задає вид маркеру у вигляді малюнку | none, URL | |
list-style-position | визначає положення маркеру в залежності від елемента списку | inside - при переносі наступні рядки будуть відображатися без відступу, outside - за замовченням | |
list-style | узагальнює перераховані вище властивості | list-style-type list-style-position list-style-image | |
font-family | визначає шрифт, що використовується елементом. Якщо вказати URL, то шрифт автоматично встановиться на комп’ютер користувача | будь-який шрифт | для всіх елементів |
font-style | стиль елемента | normal, italic | |
font-weight | виділення (жирність) елемента | normal, bold, bolder, lighter, будь-яке значення від 100 до 900 |
Продовження таблиці А.1
font-size | розмір шрифту | розмір, xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger | |
Font | узагальнює перераховані вище властивості | font-family font-style font-variant font-weight font-size | |
vertical-align | позиціювання елемента відносно до інших елементів, що стоять в одному рядку | baseline, sub, super, top-text, top, middle, bottom, bottom-text, процент | для рядкових елементів |
text-align | вирівнювання тексту | left, right, center, justify | для блокових елементів |
line-height | висота рядка | normal, довжина, процент | для всіх елементів |
Color | Колір | колір | для всіх елементів |
backgroung-color | цвет фона элемента | цвет | для всіх елементів |
background-image | фонове зображення | none, URL | |
background-repeat | повторювання фонового зображення | repeat, repeat-x, repeat-y, no-repeat | |
background-attachment | можливість прокрутки фонового зображення | scroll, fixed |
Продовження таблиці А.1
background-position | положення фонового зображення | процент від ширини + процент від висоти, top, middle, bottom, left, center, right,відстань від лівого краю + відстань від вершини | для блокових елементів |
background | узагальнює перераховані вище властивості | background-color background-image backgroun-position background-attachment background-repeat | для всіх елементів |
рosition | встановлює спосіб позиціювання елемента відносно вікна браузера або інших об’єктів на веб-сторінці | absolute, fixed, relative, static | для всіх елементів |
top right left bottom | відстань від краю батьківського елемента | довжина, процент | для всіх елементів |
z-index | положення елемента на осі z | число | для будь-яких позиціонованих елементів |
Додаток Б