Tag HTML <kbd>

Definicja i użycie

<kbd> Etykieta używana do zdefiniowania wejścia klawiatury. Zawartość jest wyświetlana w domyślnym czcionce szerokokątnego renderowania przeglądarki.

Wskazówka:Ta etykieta nie została zrezygnowana. Jednak można osiągnąć bardziej bogate efekty poprzez użycie CSS (zobacz poniższy przykład).

Zobacz również:

Etiqueta Opis
<code> Zdefiniuj przykładowy wyjście programu komputerowego.
<samp> Zdefiniuj wejście klawiatury.
<var> Zdefiniuj zmienne.
<pre> Zdefiniuj tekst wstępnie sformatowany.

Zobacz również:

Tutorial HTML:Formatowanie tekstu HTML

Podręcznik HTML DOM:Obiekt Kbd

Przykład

Przykład 1

Zdefiniuj niektóre teksty w dokumencie jako wejście klawiatury:

<p>Proszę naciśnij <kbd>Ctrl</kbd> + <kbd>C</kbd>, aby skopiować tekst (Windows).</p>
<p>Proszę naciśnij <kbd>Cmd</kbd> + <kbd>C</kbd>, aby skopiować tekst (Mac OS).</p>

Spróbuj sam

Przykład 2

Użyj CSS do ustawienia stylu elementu <kbd>:

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>Proszę naciśnij <kbd>Ctrl</kbd> + <kbd>C</kbd>, aby skopiować tekst (Windows).</p>
<p>Proszę naciśnij <kbd>Cmd</kbd> + <kbd>C</kbd>, aby skopiować tekst (Mac OS).</p>
</body>
</html>

Spróbuj sam

Globalne atrybuty

<kbd> Tagi te wspierają również Globalne atrybuty HTML.

Atrybuty zdarzeń

<kbd> Tagi te wspierają również Atrybuty zdarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek będzie używać następujących wartości domyślnych do wyświetlania <kbd> Element:

kbd {
  font-family: monospace;
}

Spróbuj sam

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wspierane Wspierane Wspierane Wspierane Wspierane