Tanda <kbd> HTML

definisi dan penggunaan

<kbd> tanda digunakan untuk menanda input papan tombol. Isi konten ditampilkan dengan font lebar standar browser.

tanda tanya:tanda ini belum disingkirkan. Namun, efek yang lebih kaya dapat dicapai dengan menggunakan CSS (lihat contoh di bawah ini).

lihat pula:

tanda deskripsi
<code> definiskan output contoh program komputer.
<samp> definiskan input papan tombol.
<var> definiskan variabel.
<pre> definiskan teks yang disesuaikan untuk format yang diatur sebelumnya.

lihat pula:

Panduan HTML:Format Text HTML

Panduan Referensi DOM HTML:Objek Kbd

contoh

contoh 1

definiskan beberapa teks dalam dokumen sebagai input papan tombol:

<p>Tekan <kbd>Ctrl</kbd> + <kbd>C</kbd> untuk menyalin teks (Windows).</p>
<p>Tekan <kbd>Cmd</kbd> + <kbd>C</kbd> untuk menyalin teks (Mac OS).</p>

Coba Sendiri

contoh 2

gunakan CSS untuk menata gaya elemen <kbd>:

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>Tekan <kbd>Ctrl</kbd> + <kbd>C</kbd> untuk menyalin teks (Windows).</p>
<p>Tekan <kbd>Cmd</kbd> + <kbd>C</kbd> untuk menyalin teks (Mac OS).</p>
</body>
</html>

Coba Sendiri

Atribut Global

<kbd> Tanda masih mendukung Atribut Global di HTML.

Atribut Acara

<kbd> Tanda masih mendukung Atribut Acara di HTML.

Pengaturan CSS Standar

Sebagian besar peramban akan menampilkan nilai standar berikut ini <kbd> Elemen:

kbd {
  font-family: monospace;
}

Coba Sendiri

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan