HTML <kbd> etiketi

Tanım ve Kullanım

<kbd> Etiket, klavye girişini tanımlamak için kullanılır. İçeriği tarayıcıın varsayılan geniş yazı fontu ile gösterilir.

İpucu:Bu etiket terkedilmedi. Ancak, CSS kullanılarak daha zengin etkiler elde edilebilir (aşağıdaki örneğe bakın).

Ayrıca bakınız:

Etiket Tanım
<code> Bilgisayar programının örnek çıktısını tanımlayın.
<samp> Klavye girişini tanımlayın.
<var> Değişkenleri tanımlayın.
<pre> Önceden biçimlendirilmiş metni tanımlayın.

Ayrıca bakınız:

HTML Eğitimi:HTML Metin Biçimlendirme

HTML DOM Referans Kılavuzu:Kbd nesnesi

Örnek

Örnek 1

Dokümanda bazı metni klavye girişi olarak tanımlayın:

<p>Metni kopyalamak için <kbd>Ctrl</kbd> + <kbd>C</kbd> tuşlarına basın (Windows).</p>
<p>Metni kopyalamak için <kbd>Cmd</kbd> + <kbd>C</kbd> tuşlarına basın (Mac OS).</p>

Kendi Kendine Deneyin

Örnek 2

CSS ile <kbd> öğesinin tarzını ayarlayın:

<html>
<head>
<style>
kbd {
  border-radius: 2 px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>Metni kopyalamak için <kbd>Ctrl</kbd> + <kbd>C</kbd> tuşlarına basın (Windows).</p>
<p>Metni kopyalamak için <kbd>Cmd</kbd> + <kbd>C</kbd> tuşlarına basın (Mac OS).</p>
</body>
</html>

Kendi Kendine Deneyin

Genel Özellikler

<kbd> Bu etiketler ayrıca HTML'deki Genel Özellikler.

olay özelliklerini destekler

<kbd> Bu etiketler ayrıca HTML'deki Olay Özellikleri.

Varsayılan CSS Ayarları

Çoğu tarayıcı aşağıdaki varsayılan değerleri kullanarak görüntüleyecektir <kbd> Element:

kbd {
  font-family: monospace;
}

Kendi Kendine Deneyin

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek