Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

HTML Справочник


HTML Теги



HTML Тег <kbd>



Пример

Определите некоторый текст в качестве ввода с клавиатуры в документе:

<p>Нажмите <kbd>Ctrl</kbd> + <kbd>C</kbd> для копирования текста (Windows).</p>

<p>Нажмите <kbd>Cmd</kbd> + <kbd>C</kbd> для копирование текста (Mac OS).</p>
Попробуйте сами »


Определение и использование <kbd>

Тег <kbd> используется для определения ввода с клавиатуры. Содержимое внутри отображается в моноширинном шрифте браузера по умолчанию.

Совет: Тег не является устаревшим. Однако можно добиться более богатого эффекта с помощью CSS (см. пример ниже).

Также посмотрите:

Тег Описание
<code> Определяет фрагмент компьютерного кода
<samp> Определяет пример вывода из компьютерной программы
<var> Определяет переменную
<pre> Определяет предварительно отформатированный текст

Поддержка браузеров <kbd>

Элемент
<kbd> Да Да Да Да Да

Глобальные атрибуты <kbd>

Тег <kbd> также поддерживает Глобальные атрибуты в HTML.


События атрибутов <kbd>

Тег <kbd> также поддерживает События атрибутов в HTML.


Еще примеры <kbd>

Пример

Используйте 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>
Попробуйте сами »

Связные страницы <kbd>

HTML учебник: HTML Форматирование текста

HTML DOM справочник: Объект kbd


Настройки CSS по умолчанию <kbd>

Большинство браузеров будут отображать элемент <kbd> со следующими значениями по умолчанию:

Пример
kbd {
  font-family: monospace;
}
Попробуйте сами »


×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.