HTML Тег <kbd>
Приклад
Визначте текст як введення з клавіатури в документі:
<p>Натисніть <kbd>Ctrl</kbd> + <kbd>C</kbd> щоб скопіювати текст (Windows).</p>
<p>Натисніть <kbd>Cmd</kbd> + <kbd>C</kbd> щоб скопіювати текст (Mac OS).</p>
Спробуйте самі »
Більше прикладів "Спробуйте самі" далі.
Визначення та використання
Тег <kbd> використовується для визначення введення з клавіатури. Вміст усередині відображається моноширинним шрифтом браузера за замовчуванням.
Порада: Цей тег не застарів. Однак можна досягти більшого ефекту, використовуючи CSS (див. приклад нижче).
Також подивіться:
| Тег | Опис |
|---|---|
| <code> | Визначає частину комп’ютерного коду |
| <samp> | Визначає вихідний зразок комп’ютерної програми |
| <var> | Визначає змінну |
| <pre> | Визначає попередньо відформатований текст |
Підтримка браузерами
| Елемент | |||||
|---|---|---|---|---|---|
| <kbd> | Так | Так | Так | Так | Так |
Глобальні атрибути
Тег <kbd> також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <kbd> також підтримує Атрибути подій в HTML.
Більше прикладів
Приклад
Використовуйте CSS для стилізації елемента <kbd>:
<html>
<head>
<style>
kbd {
border-radius: 2px;
padding: 2px;
border: 1px solid black;
}
</style>
</head>
<body>
<p>Натисніть <kbd>Ctrl</kbd> + <kbd>C</kbd> щоб скопіювати текст (Windows).</p>
<p>Натисніть <kbd>Cmd</kbd> + <kbd>C</kbd> щоб скопіювати текст (Mac OS).</p>
</body>
</html>
Спробуйте самі »
Пов’язані сторінки
HTML підручник: HTML Форматування тексту
HTML DOM довідник: Об’єкт Kbd
CSS налаштування за замовчуванням
Більшість браузерів будуть відображати елемент <kbd> з наступними значеннями за замовчуванням:
