HTML <kbd> etikett

Definition och användning

<kbd> Taggen används för att definiera tangentbordsinmatning. Innehållet visas med webbläsarens standardmonospace-teckensnitt.

Tips:Denna tagg har inte förkastats. Men mer rika effekter kan uppnås genom att använda CSS (se exempel nedan).

Se också:

Tagg Beskrivning
<code> Definiera exempel på utdata från datorprogram.
<samp> Definiera tangentbordsinmatning.
<var> Definiera variabler.
<pre> Definiera förformaterad text.

Se också:

HTML-tutorials:HTML text formatting

HTML DOM-referenshandboken:Kbd-objektet

Exempel

Exempel 1

Definiera några texter i dokumentet som tangentbordsinmatning:

<p>Tryck <kbd>Ctrl</kbd> + <kbd>C</kbd> för att kopiera texten (Windows).</p>
<p>Tryck <kbd>Cmd</kbd> + <kbd>C</kbd> för att kopiera texten (Mac OS).</p>

Prova själv

Exempel 2

Använd CSS för att ställa in stilen för <kbd>-elementet:

<html>
<head>
<style>
kbd {
  border-radius: 2 px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>Tryck <kbd>Ctrl</kbd> + <kbd>C</kbd> för att kopiera texten (Windows).</p>
<p>Tryck <kbd>Cmd</kbd> + <kbd>C</kbd> för att kopiera texten (Mac OS).</p>
</body>
</html>

Prova själv

Globala attribut

<kbd> Etiketterna stöder också Globala attribut i HTML.

event attributes

<kbd> Etiketterna stöder också Event attributes i HTML.

Standard CSS-inställningar

De flesta webbläsare använder följande standardvärden för att visa <kbd> Element:

kbd {
  font-family: monospace;
}

Prova själv

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd