HTML <kbd> tag

Definitie en gebruik

<kbd> De tag wordt gebruikt om toetsbordinput te definiëren. De inhoud wordt weergegeven in het standaard schrift van de browser.

Tip:Deze tag is niet verlaten, maar effectievere effecten kunnen worden bereikt door CSS te gebruiken (zie het voorbeeld hieronder).

Zie ook:

Tag Beschrijving
<code> Definieer de uitvoer van een computerprogramma.
<samp> Definieer toetsbordinput.
<var> Definieer variabelen.
<pre> Definieer voorformattede tekst.

Zie ook:

HTML-tutorial:HTML tekstformatting

HTML DOM referentiehandleiding:Kbd-object

Voorbeeld

Voorbeeld 1

Definieer enkele teksten in het document als toetsbordinput:

<p>Druk <kbd>Ctrl</kbd> + <kbd>C</kbd> om tekst te kopiëren (Windows).</p>
<p>Druk <kbd>Cmd</kbd> + <kbd>C</kbd> om tekst te kopiëren (Mac OS).</p>

Probeer het zelf

Voorbeeld 2

Gebruik CSS om de stijl van het <kbd>-element in te stellen:

<html>
<head>
<style>
kbd {
  border-radius: 2 px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>Druk <kbd>Ctrl</kbd> + <kbd>C</kbd> om tekst te kopiëren (Windows).</p>
<p>Druk <kbd>Cmd</kbd> + <kbd>C</kbd> om tekst te kopiëren (Mac OS).</p>
</body>
</html>

Probeer het zelf

Globale eigenschappen

<kbd> De tag ondersteunt ook Globale eigenschappen in HTML.

evenementeigenschappen

<kbd> De tag ondersteunt ook Evenementeigenschappen in HTML.

Standaard CSS instellingen

De meeste browsers tonen de volgende standaardwaarden <kbd> Element:

kbd {
  font-family: monospace;
}

Probeer het zelf

Browserondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning