⌨︎ Tasten in HTML `<kbd>`

`<kbd>`…`</kbd>`	Name	Char
`↵` `Enter`	Enter	↵ –
`↹`	Tab, Tabulator	↹
`⇧` `Shift`	Shift (Umschalttaste)	⇧ –
`Ctrl` `Strg`	Control (Steuerung)	–
`⌘`	Command (Apple)	⌘
`Alt`	Alt	–
`⌥`	Alternate/Option (Apple)	⌥
`Alt Gr`	Alt Gr	–
`⇪` `Caps Lock`	Caps Lock (Feststelltaste)	⇪ –
`⬅` `←`	Backspace	⬅ ←
`☰`	Kontext-Menü	☰
	Windows	SVG-Grafik
`Num Lock` `NumLk` `Num ⇓`	Num Lock	–
`∕` `/` `÷`	Divide	∕ / ÷
`✱` `*`	Multiply	✱ *
`–`	Minus	–
`+`	Plus	+
`Home` `Pos1`	Home	–
`∧` `↑`	Up	∧ ↑
`PgUp` `Bild ↑`	Page Up	– ↑
`<` `←`	Left	< ←
`>` `→`	Right	> →
`End` `Ende`	End	–
`∨` `↓`	Down	∨ ↓
`PgDn` `Bild ↓`	Page Down	– ↓
`PrtScn` `Druck`	Print Screen	–
`ScrLk` `Rollen ⇓`	Scroll Lock	– ⇓
`Pause`	Pause	–
`Ins` `Insert` `Einfg`	Insert	–
`Del` `Delete` `Entf`	Delete	–

/* CSS-Definitionen für <kbd> */
kbd{
  background-color : #F7F7F7;
  background-image : linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2));
  border-color     : #DDDDDD #AAAAAA #888888 #CCCCCC;
  border-radius    : 2px;
  border-style     : solid;
  border-width     : 1px;
  font-family      : sans-serif;
  font-size        : .9em;
  padding          : .1em .4em;
  text-shadow      : 0 1px rgba(255,255,255,.2);
  white-space      : nowrap;
  vertical-align   : middle;
}
kbd.dbl{
  text-align  : center;
  font-size   : 50%;
  display     : inline-block;
  line-height : 114%;
  padding     : 0 .4em;
}
.Windows{
  background-image    :
  url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 4875 4875'%3E%3Cpath d='M0 0h2311v2310H0zm2564 0h2311v2310H2564zM0 2564h2311v2311H0zm2564 0h2311v2311H2564'%2F%3E%3C%2Fsvg%3E");
  background-position : center;
  background-repeat   : no-repeat;
  display             : inline-block;
  background-size     : 16px;
  height              : 13px;
  width               : 13px;
  vertical-align      : -10%;
  print-color-adjust  : exact;
}

↑ CSS-Definitionen 📋 kopieren.

⌨︎ Tasten in HTML <kbd>

⌨︎ Tasten in HTML `<kbd>`