Etiqueta <kbd> de HTML

Definição e uso

<kbd> A etiqueta é usada para definir entrada de teclado. Seu conteúdo é exibido com a fonte monoespaçada padrão do navegador.

Dica:Esta etiqueta não foi descontinuada. No entanto, pode-se alcançar efeitos mais ricos usando CSS (veja os exemplos abaixo).

Veja também:

Etiqueta Descrição
<code> Defina a saída de exemplo de programa de computador.
<samp> Defina entrada de teclado.
<var> Defina variáveis.
<pre> Defina texto pré-formatado.

Veja também:

Tutorial de HTML:Formatação de texto HTML

Manual de Referência do DOM HTML:Objeto Kbd

Exemplo

Exemplo 1

Defina alguns textos no documento como entrada de teclado:

<p>Pressione <kbd>Ctrl</kbd> + <kbd>C</kbd> para copiar o texto (Windows).</p>
<p>Pressione <kbd>Cmd</kbd> + <kbd>C</kbd> para copiar o texto (Mac OS).</p>

Experimente você mesmo

Exemplo 2

Defina o estilo do elemento <kbd> usando CSS:

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>Pressione <kbd>Ctrl</kbd> + <kbd>C</kbd> para copiar o texto (Windows).</p>
<p>Pressione <kbd>Cmd</kbd> + <kbd>C</kbd> para copiar o texto (Mac OS).</p>
</body>
</html>

Experimente você mesmo

Atributos globais

<kbd> A tag também suporta Atributos globais no HTML.

Atributos de evento

<kbd> A tag também suporta Atributos de evento no HTML.

Configurações CSS padrão

A maioria dos navegadores usará os seguintes valores padrão para exibir <kbd> Elemento:

kbd {
  font-family: monospace;
}

Experimente você mesmo

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte