HTML <kbd> etiket

Definition og brug

<kbd> Tag bruges til at definere tastaturinput. Indholdet vises med browserens standard bredskriftsfont.

Tip:Dette tag er ikke forældet. Men ved hjælp af CSS kan mere rige effekter opnås (se eksemplet nedenfor).

Se også:

Tag Beskrivelse
<code> Definer udskrifts eksempel for computerprogram.
<samp> Definer tastaturinput.
<var> Definer variable.
<pre> Definer formateret tekst.

Se også:

HTML Læringsguide:HTML text formatting

HTML DOM Referencemanual:Kbd-objektet

Eksempel

Eksempel 1

Definer nogle tekst som tastaturinput i dokumentet:

<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy the text (Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy the text (Mac OS).</p>

Try it yourself

Eksempel 2

Brug CSS til at sætte stilen på <kbd>-elementet:

<html>
<head>
<style>
kbd {
  border-radius: 2 px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy the text (Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy the text (Mac OS).</p>
</body>
</html>

Try it yourself

Global attributes

<kbd> The tag also supports Global attributes in HTML.

event attributes

<kbd> The tag also supports Event attributes in HTML.

Default CSS settings

Most browsers will display the following default values <kbd> Element:

kbd {
  font-family: monospace;
}

Try it yourself

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support