HTML <kbd> -elementti

Määrittely ja käyttö

<kbd> Tunniste käytetään näppäimistösyötteen määrittämiseen. Sisältö näytetään selaimen oletusasetuksen tasaisella kirjasinnäppäimistöillä.

Vinkki:Tämä tunniste ei ole poistettu käytöstä. Voit kuitenkin saavuttaa rikkaampia vaikutuksia käyttämällä CSS:ää (katso alla oleva esimerkki).

Katso myös:

Tunniste Kuvaus
<code> Määritä tietokoneohjelman esimerkkisyöte.
<samp> Määritä näppäimistösyöte.
<var> Määritä muuttujat.
<pre> Määritä esikatsottu teksti.

Katso myös:

HTML-opas:HTML - tekstin muotoilu

HTML DOM -viittauskirja:Kbd-objekti

Esimerkki

Esimerkki 1

Määritä dokumentissa tekstiä näppäimistösyötteenä:

<p>Paina <kbd>Ctrl</kbd> + <kbd>C</kbd> kopioidaksesi tekstin (Windows)。</p>
<p>Paina <kbd>Cmd</kbd> + <kbd>C</kbd> kopioidaksesi tekstin (Mac OS)。</p>

Kokeile itse

Esimerkki 2

Aseta <kbd>-elementin tyylejä CSS:n avulla:

<html>
<head>
<style>
kbd {
  border-radius: 2 px;
  padding: 2px;
  border: 1px solmu mustaa;
}
</style>
</head>
<body>
<p>Paina <kbd>Ctrl</kbd> + <kbd>C</kbd> kopioidaksesi tekstin (Windows)。</p>
<p>Paina <kbd>Cmd</kbd> + <kbd>C</kbd> kopioidaksesi tekstin (Mac OS)。</p>
</body>
</html>

Kokeile itse

Globaalit ominaisuudet

<kbd> Tunniste tukee myös HTML - globaalit ominaisuudet.

tapahtumamäärittelyominaisuudet

<kbd> Tunniste tukee myös HTML - tapahtumamäärittelyominaisuudet.

Oletusarvoiset CSS-asetukset

Useimmat selaimet näyttävät seuraavat oletusarvot <kbd> Elementti:

kbd {
  font-family: monospace;
}

Kokeile itse

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki