Властивості форматування блокових елементів
Таблиця А.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
| число
| для будь-яких позиціонованих елементів
|
Додаток Б