kbd 要素 (HTMLタグ)

ユーザが入力する文字

2018年07月23日

HTMLのkbd要素の説明です。kbd要素は、ユーザによって入力される内容であることを示す要素です。


目次

  1. 要素の記述例
  2. 要素の説明
  3. 利用できる属性
  4. ブラウザデフォルトCSS設定

要素の記述例

kbd要素の記述例
<p><kbd><kbd>Ctrl</kbd><kbd>+</kbd><kbd>S</kbd></kbd>でファイルを保存することができます。</p>

 

閲覧中ブラウザーでの表示結果

 

要素の説明

  • kbd要素は、ユーザによって入力される内容を定義する要素です。
  • kbd要素は、一般的にキーボードから入力される内容を定義しますが、音声などの他の入力内容を定義することもできます。
  • kbd要素が、samp要素の中に含まれている場合、それはユーザが入力した内容をコンピューターが出力したものであることを意味します。
  • kbd要素の中に、samp要素を含んでいる場合、それはコンピューターが出力したものを入力に使用したことを意味します。
  • kbd要素の中に、更にkbd要素が定義されている場合、それは実際に押すキー、もしくはその入力方法における1つの入力単位を示します。

 

利用できる属性

グローバル属性

HTMLのすべての要素はグローバル属性が利用できます。グローバル属性の一覧については「グローバル属性」を参照してください。

イベントハンドラ属性

kbd要素がサポートするイベントハンドラ属性については「イベントハンドラ属性」を参照してください。

ブラウザデフォルトCSS設定

Google Chromeの場合

kbd要素のブラウザデフォルトCSS
kbd {
  font-family: monospace;
}

 

 

 

Programming Style