Атрибут
| Призначення
| Приклад
|
Src
| Вказує адресу (URL-адресу) графічного зображення з розширенням
| <img src="http://site.ru/images/malyunok.gif">
|
Width
| Визначає ширину зображення в пікселях
| <img src="http://site.ru/images/ malyunok.gif" width="150">
|
Height
| Визначає висоту зображення в пікселях
| <img src="http://site.ru/images/ malyunok.gif" Height="130">
|
Hspace
| Визначає відступ малюнка (в пікселях) по горизонталі від інших об’єктів
| <img src="http://site.ru/images/ malyunok.gif" hspace="30">
|
Vspace
| Визначає відступ малюнка (в пікселях) по вертикалі від інших об’єктів
| <img src="http://site.ru/images/ malyunok.gif" Vspace="20">
|
Align
| Вказує спосіб вирівнювання зображення в документі
| <img src="http://site.ru/images/ malyunok.gif.gif" align="left">
|
Name
| Визначає ім’я зображення, унікальне для даного документа
| <img src="http://site.ru/images/ malyunok.gif" name="risunok">
|
Alt
| Це повідомлення, яке виводиться замість малюнка, якщо браузер по якійсь причині не зміг відобразити малюнок
| <img src="http://site.ru/images/ malyunok.gif" alt="Це повідомлення, яке виводиться замість малюнка">
|
Border
| Визначає ширину рамки навколо зображення в пікселях
| <img src="http://site.ru/images/ malyunok.gif" border="2">
|
і т.д.
і т.д.
і т.д.
background-attachment
| Встановлює, чи повинна фонова картинка скролитися або має бути зафіксована у вікні браузеру
|
background-color
| Встановлює колір фону для елементу
|
background-image
| Встановлює фонову картинку для елементу
|
background-position
| Встановлює первинне положення для фонової картинки
|
background-repeat
| Управляє циклічним повторенням фонової картинки
|
border-color
| Встановлює колір рамки з усіх боків елементу
|
border-width
| Встановлює товщину рамки з усіх боків елементу
|
border-style
| Визначає стиль оформлення рамки довкола елементу
|
border-collapse
| Вказує елементам таблиці, чи мати окрему рамку або загальну із сусідньою коміркою
|
border-spacing
| Встановлює відстань між комірками таблиці
|
border-top-color
| Встановлює колір верхнього бордюру
|
border-top-style
| Встановлює стиль лінії верхнього бордюру
|
border-top-width
| Встановлює ширину верхнього бордюру
|
border-bottom-color
| Встановлює колір нижнього бордюру
|
border-bottom-style
| Встановлює стиль лінії нижнього бордюру
|
border-bottom-width
| Встановлює ширину нижнього бордюру
|
border-left-color
| Встановлює колір лівого бордюру
|
border-left-style
| Встановлює стиль лінії лівого бордюру
|
border-left-width
| Встановлює ширину лівого бордюру
|
border-right-color
| Встановлює колір правого бордюру
|
border-right-style
| Встановлює стиль лінії правого бордюру
|
font-family
| Визначає шрифт для відображення тексту
|
font-size
| Управляє розміром шрифту
|
font-style
| Управляє нахилом шрифту (курсив)
|
font-variant
| Управляє зовнішнім виглядом рядкових букв (рядкові як прописні, "капітель")
|
font-weight
| Управляє товщиною (насиченістю) шрифту
|
Position
| Визначає порядок, відповідно до якого елемент відображається на Web-сторінці
|
Bottom
| Зміщує елемент відносно нижнього краю. Використовується спільно з властивістю position
|
Left
| Зміщує елемент відносно лівого краю. Використовується спільно з властивістю position
|
page-break-before
| Зміщує елемент відносно верхнього краю. Використовується спільно з властивістю position
|
Right
| Зміщує елемент відносно правого краю. Використовується спільно з властивістю position
|
z-index
| Визначає порядок, відповідно до якого елементи накладаються один на одного, якщо необхідно відображати їх на одному місці
|
Clear
| Забороняє/дозволяє елементу обтікати "floated" об’єкти
|
Clip
| Визначає область елементу, яка повинна відображуватися на сторінці
|
Display
| Змінює базові властивості елементів
|
Float
| Зміщує елемент до правого або лівого краю
|
Height
| Визначає висоту прямокутної області довкола елементу
|
Overflow
| Визначає як відображати блоковий елемент у разі, якщо його вміст виходить за рамки батьківського елементу
|
Visibility
| Управляє налаштуванням видимості елементу
|
Width
| Визначає ширину прямокутної області довкола елементу
|
list-style-image
| Встановлює зображення, яке використовуватиметься для маркіровки пунктів списку
|
list-style-position
| Визначає, як відображати на сторінці маркер пункту в списку: усередині того ж прямокутника, в якому розташовується елемент списку або поза ним
|
list-style-type
| Визначає, який вигляд матиме маркер пункту в списку
|
Direction
| Застосовується при створенні сайтів на мовах, в яких читання сторінки йде справа наліво
|
letter-spacing
| Визначає довжину інтервалу між буквами
|
page-break-inside
| Визначає розмір міжрядкового інтервалу
|
text-align
| Вирівнює вміст блокового елементу (текст або зображення) відносно границь блоку, а також вміст елементів таблиці по горизонталі
|
text-decoration
| Визначає, який оформлювальний прийом потрібно застосувати до тексту
|
text-indent
| Визначає розмір відступу першого рядка в тексті
|
text-transform
| Управляє написанням прописних або рядкових букв в тексті
|
vertical-align
| Визначає висоту вмісту усередині елементу або усередині елементу таблиці
|
white-space
| Визначає як відображати пропуски, символи табуляції і порожнього рядка
|
word-spacing
| Визначає відстань між словами
|
Widows
| Дозволяє уникнути появи висячого рядка
|
Orphans
| Дозволяє уникнути появи самотнього першого рядка
|
page-break-after
| Визначає наявність або відсутність розриву сторінки після елементу при друці
|
page-break-before
| Визначає наявність або відсутність розриву сторінки перед елементом при друці
|
page-break-inside
| Визначає наявність або відсутність розриву сторінки усередині елементу при друці
|
padding-bottom
| Визначає ширину простору між вмістом елементу і нижнім бордюром
|
padding-left
| Визначає ширину простору між вмістом елементу і лівим бордюром
|
padding-right
| Визначає ширину зовнішнього простору між правим бордюром і невидимою границею прямокутника
|
padding-top
| Визначає ширину зовнішнього простору між верхньою границею і невидимою границею прямокутника
|
caption-side
| Визначає, де відображуватиметься заголовок таблиці: над нею або під нею
|
Color
| Встановлює колір тексту елементу
|
Content
| Застосовується для того, щоб вставити текст або зображення або після якого-небудь елементу
|
counter-increment
| Задає значення приростів лічильника
|
counter-reset
| Встановлює ідентифікатор, який зберігає лічильник відображень якого-небудь елементу і встановлює початкове значення цього лічильника
|
Cursor
| Визначає вигляд курсору при наведенні мишки на деякий елемент
|
empty-cells
| Визначає, чи потрібно відображувати границі та тло комірки, якщо в ній немає вмісту
|
margin-bottom
| Визначає ширину зовнішнього простору між нижнім бордюром і невидимою границею прямокутника
|
margin-left
| Визначає ширину зовнішнього простору між лівим бордюром і невидимою границею прямокутника
|
margin-right
| Визначає ширину зовнішнього простору між правим бордюром і невидимою границею прямокутника
|
margin-top
| Визначає ширину зовнішнього простору між верхнім бордюром і невидимою границею прямокутника
|
max-height
| Визначає максимальну висоту елементу
|
max-width
| Визначає максимальну ширину елементу
|
min-height
| Визначає мінімальну висоту елементу
|
min-width
| Визначає мінімальну ширину елементу
|
outline-color
| Визначає колір контура довкола елементу
|
outline-style
| Визначає вигляд контура довкола елементу
|
outline-width
| Визначає ширину контура довкола елементу
|
Quotes
| Визначає вигляд відкриваючої і закриваючої лапки в тексті
|
table-layout
| Визначає ширину стовпців в таблиці
|