2010/08/08

KBDタグの強調スタイル

<style> kbd{ font-family : Courier; border : solid black; border-width : 0 1px 1px 0; padding : 1px 2px; } </style>

HTMLにはユーザのキーボードからの入力を示す<kbd>というタグがあります。個人的には、そこそこ使ってるのですが、そのままだと文中に埋もれるので、専用のCSSを追加しました。

テンプレートをいじりたくないので、タイトルなしのガジェットでCSSを追加しましたが、HEADタグ外でCSSの定義はvalidateじゃなかった気がします。ガジェットだのウィジェットだのが一般的に利用される昨今、部分的に適用可能なCSSの定義とかできた方が現実的だと思いますが。

表示サンプル(Mac版各ブラウザのホームページへ移動ショートカット)

  • firefox Option + Fn + ←
  • chrome Shift + Cmd + H
  • safari Cmd + Fn + ←