The кнопки зображення у документі HTML можна створити за допомогою типу атрибут an елемент. Кнопки зображень також виконують ту саму функцію, що й кнопки надсилання, але єдина різниця між ними полягає в тому, що ви можете зберегти зображення за своїм вибором як кнопку.
невизначений нахил
Синтаксис
Приклади
приклад 1: Цей приклад використовується для визначення кнопки зображення без використання CSS.
Example of image button /* The following tag selector body use the font-family and background-color properties for body of a page*/ Body { font-family: Calibri, Helvetica, sans-serif; background-color: pink; } /* Following container class used padding for generate space around it, and also use a background-color for specifying the lightblue color as a background */ .container { padding: 50px; background-color: lightblue; } /* The following tag selector input uses the different properties for specifying the text field. */ input[type=text] { width: 100%; padding: 15px; margin: 5px 0 22px 0; display: inline-block; border: none; background: #f1f1f1; } input[type=text]:focus { background-color: orange; outline: none; } div { padding: 10px 0; } hr { border: 1px solid #f1f1f1; margin-bottom: 25px; } <hr> Firstname: Middlename: Lastname: Course : Course BCA BBA B.Tech MBA MCA M.Tech Gender : <br> Male Female Other Перевірте зараз Вихід:
Підтримка браузера
| елемент |  Chrome |  IE |  Firefox |  Опера |  Сафарі |
| Кнопка зображення | Так | Так | Так | Так | Так |
Атрибути
все:
Цей атрибут використовується для визначення альтернативного тексту, який має відображатися, коли зображення не може відобразитися на екрані користувача.
Кордон:
Цей атрибут використовується для визначення межі зображення. Якщо ви встановите його значення як 0, тоді межа не відображатиметься.
Висота:
Цей атрибут використовується для визначення пікселів висоти зображення.
Ім'я:
Цей атрибут використовується для визначення імені зображення.
Src:
Цей атрибут використовується для вказівки шляху зображення, яке має відображатися як кнопка.
Ширина:
вирівнювання тексту css
Цей атрибут використовується для визначення пікселів ширини зображення.