<kbd></kbd> tag HTML

Example

A simple <kbd> tag:

<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text in all programs.</p>

Laboratory

description & Usage

The <kbd> tag is used to denote text as keyboard input.

Browsers use a monospace font for the content inside this tag.

Related tags to <kbd>:

description	tag
Display computer code font-family: monospace	<code>
Display computer code output font-family: monospace	<samp>
Show keyboard buttons font-family: monospace	<kbd>
Display variable and mathematical expression font-style: italic	<var>
Pre-formatted text font-family: monospace There are other default styles	<pre>

description

tag

Display computer code

font-family: monospace

<code>

Display computer code output

font-family: monospace

<samp>

Show keyboard buttons

font-family: monospace

<kbd>

Display variable and mathematical expression

font-style: italic

<var>

Pre-formatted text

font-family: monospace

There are other default styles

<pre>

Browser compatibility and Support

#	Chrome	Edge	Firefox	Safari	Opera
<kbd>

Global Attributes

The <kbd> tag supports the HTML Global Attributes.

Event Attributes

The <kbd> tag supports the HTML Event Attributes.

More Examples

Example

use CSS with <kbd> tag:

<p>press on you are keyboard <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Delete</kbd>
     You can open the menu and enter the task manager
</p>
 <p>press on you are keyboard <kbd>window</kbd> + <kbd>v</kbd>
     You enter the clipboard window and you can see the history of your copies
</p>

Laboratory

Default CSS

Most browsers will display the <kbd> tag with the following default style:

kbd {
	font-family: monospace;
}