« キーボードで直接入力できない特殊な文字の入力 | メイン | 外国文字入力(ふらんす語) »

強調したキーボード表示

escF1F2F3F4F5F6F7F8F9F10F11F12

`1234567890-=delete

tabQWERTYUIOP[]\

caps lockASDFGHJKL;'return

shiftZXCVBNM,./shift

fnctrloption ⌘        ⌘enter

 

~!@#$%^&*()_+

{}|:"<>?    space

 

<kbd>・・・キーボード入力される文字であることを示すタグを使用する。

★cssにkbdの設定を記述する(任意に色やボーダーを変更してみる)以下はサンプル

kbd {
color: #0f0f0f;
background-color: #ffffff;
font-family: "Lucida Grande",monospace;
font-weight: normal;
font-size: 100%;
text-align: center;
border-top: 1px outset #c0c0c0;
border-left: 2px outset #c0c0c0;
border-right: 3px outset #ffffff;
border-bottom: 3px outset #ffffff;
padding-left: 0.4em;
padding-top: 0.1em;
padding-right: 0.4em;
padding-bottom: 0.1em;
line-height: 1.6em;
vertical-align: top;
margin-right:3px;
margin-left:3px;
}

★本文に<kbd>指定文字</kbd>と記述する
特殊文字入力は NCR [numeric character reference](数値文字参照)で指定する

★数値文字参照変換オンラインサイト
☆AOK's JavaScript Sample:数値文字参照(NCR)に変換
☆@Nelii:数値文字参照変換スクリプト
平田@アスカネット:文字列 → 数値実体参照変換

トラックバック

このエントリーのトラックバックURL:
http://point-line.info/cgi/mt/mt-tb.cgi/284

コメントを投稿

About

2007年06月10日 03:12に投稿されたエントリーのページです。

ひとつ前:「キーボードで直接入力できない特殊な文字の入力

次のは:「外国文字入力(ふらんす語)

メインページ
アーカイブページ

Powered by
Movable Type 3.34