Tag HTML <kbd>


Contoh

Tentukan beberapa teks sebagai input keyboard dalam dokumen:

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

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

Lebih banyak contoh "Coba Sendiri" di bawah ini.


Definisi dan Penggunaan

Tag <kbd>digunakan untuk menentukan input keyboard. Konten di dalamnya ditampilkan dalam font monospace default browser.

Tip: Tag ini tidak digunakan lagi. Namun, dimungkinkan untuk mencapai efek yang lebih kaya dengan menggunakan CSS (lihat contoh di bawah).

Lihat juga:

Tag Description
<code> Defines a piece of computer code
<samp> Defines sample output from a computer program
<var> Defines a variable
<pre> Defines preformatted text

Dukungan Peramban

Element
<kbd> Yes Yes Yes Yes Yes


Atribut Global

Tag <kbd>juga mendukung Atribut Global dalam HTML .


Atribut Acara

Tag <kbd>juga mendukung Atribut Peristiwa dalam HTML .


Lebih Banyak Contoh

Contoh

Gunakan CSS untuk menata elemen <kbd>:

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>

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

</body>
</html>

Halaman Terkait

Tutorial HTML: Pemformatan Teks HTML

Referensi DOM HTML: Objek Kbd


Pengaturan CSS Default

Sebagian besar browser akan menampilkan <kbd>elemen dengan nilai default berikut:

Contoh

kbd {
  font-family: monospace;
}