Tag HTML <kbd>

Definizione e uso

<kbd> L'etichetta viene utilizzata per definire l'input da tastiera. Il contenuto viene visualizzato con il carattere a spaziatura fissa predefinito del browser.

Suggerimento:Questa etichetta non è obsoleta. Tuttavia, è possibile ottenere effetti più ricchi utilizzando CSS (vedi l'esempio seguente).

Vedi anche:

Etichetta Descrizione
<code> Definisci l'output di esempio del programma informatico.
<samp> Definisci l'input da tastiera.
<var> Definisci le variabili.
<pre> Definisci il testo preformattato.

Vedi anche:

Lezione di HTML:Formattazione del testo HTML

Manuale di riferimento del DOM HTML:Oggetto Kbd

Esempio

Esempio 1

Definisci alcuni testi nel documento come input da tastiera:

<p>Prema <kbd>Ctrl</kbd> + <kbd>C</kbd> per copiare il testo (Windows).</p>
<p>Prema <kbd>Cmd</kbd> + <kbd>C</kbd> per copiare il testo (Mac OS).</p>

Prova tu stesso

Esempio 2

Imposta lo stile dell'elemento <kbd> utilizzando CSS:

<html>
<head>
<style>
kbd {
  border-radius: 2 px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>Prema <kbd>Ctrl</kbd> + <kbd>C</kbd> per copiare il testo (Windows).</p>
<p>Prema <kbd>Cmd</kbd> + <kbd>C</kbd> per copiare il testo (Mac OS).</p>
</body>
</html>

Prova tu stesso

Attributi globali

<kbd> Il tag supporta anche Attributi globali nel HTML.

Attributi di evento

<kbd> Il tag supporta anche Attributi di evento nel HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per la visualizzazione <kbd> Elemento:

kbd {
  font-family: monospace;
}

Prova tu stesso

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto