Latest web development tutorials
 

HTML <kbd> Tag


Example

Format text in a document:

<kbd>Keyboard input</kbd>
Try it Yourself »

Definition and Usage

The <kbd> tag is a phrase tag. It defines keyboard input.

Tip: This tag is not deprecated, but it is possible to achieve richer effect with CSS.

All phrase tags:

Tag Description
<em> Renders as emphasized text
<strong> Defines important text
<code> Defines a piece of computer code
<samp> Defines sample output from a computer program
<kbd> Defines keyboard input
<var> Defines a variable

Browser Support

Element
<kbd> Yes Yes Yes Yes Yes

Differences Between HTML 4.01 and HTML5

NONE.


Global Attributes

The <kbd> tag also supports the Global Attributes in HTML.


Event Attributes

The <kbd> tag also supports the Event Attributes in HTML.


Related Pages

HTML tutorial: HTML Text Formatting

HTML DOM reference: Kbd Object


Default CSS Settings

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

Example

kbd {
    font-family: monospace;
}
Try it Yourself »