Skip to main content
Kennisbank

HTML label / tag – KBD

By 13 oktober 2022No Comments

Nodig
App internetbrowser

Standaarden
xHTML

Definitie (wat is)
The tag is used to define keyboard input. The content inside is displayed in the browser's default monospace font.

Tip: This tag is not deprecated. However, it is possible to achieve richer effect by using CSS (see example below).

Usage / Gebruik
– Voorbeeld code

Press Ctrl + C to copy text (Windows).

 

Aanverwand
Defines a piece of computer code
Defines sample output from a computer program
Defines a variable

 	Defines preformatted text

Bron
https://www.w3schools.com/tags/tag_kbd.asp

Opmaak kwam ik hier tegen – niet laten zien

https://stackoverflow.com/questions/15214486/command-to-list-all-files-in-a-folder-as-well-as-sub-folders-in-windows

Opmaak volgens Stackoverflow

kbd {

display: inline-block;
margin: 0 .1em;
padding: .1em .6em;
font-family: var(–ff-sans);
font-size: var(–fs-fine);
line-height: var(–s-prose-line-height);
color: var(–black-800);
text-shadow: 0 1px 0 var(–white);
background-color: var(–black-075);
border: 1px solid var(–black-300);
border-radius: var(–br-sm);
box-shadow: 0 1px 1px hsla(210,8%,5%,0.15),inset 0 1px 0 0 hsl(0,0%,100%);
overflow-wrap: break-word

}

Opmaak zelf gemaakt

variabelen eruit
font size aanpassen

kbd {

# font-family: ;
display: inline-block;
margin: 0 .1em;
padding: .1em .6em;
font-size: 15px;
line-height: 21px;
color: black;
text-shadow: 0 1px 0 #fff;
background-color: #eee;
border: 1px solid #919191;
border-radius: 5px;
box-shadow: 0 1px 1px hsla(210,8%,5%,0.15),inset 0 1px 0 0 hsl(0,0%,100%);
overflow-wrap: break-word;

}