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>
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>
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; }
Suporte ao navegador
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Suporte | Suporte | Suporte | Suporte | Suporte |