<code>

コードの断片

文章の中で、プログラムのコードやファイル名などを示す要素です。ブラウザは既定で等幅フォントで表示します。

サンプルコード

HTML

1文字色を変えるには <code>color</code> プロパティを使います。

2設定は <code>config.js</code> に書きます。

CSS

1code {

2 padding: 1px 6px;

3 background: #f3efe8;

4 border-radius: 3px;

5 font-size: .9em;

6 color: #7d5411;

ブラウザでの表示

code は、文章中に出てくるコードや、プロパティ名・ファイル名・コマンドなどを示します。コードであることが伝わり、等幅フォントで表示されます。

複数行のコードを書くときは、pre の中に code を入れます。

< や & などの記号は、< や & のように書かないと、タグとして解釈されてしまいます。

キーボードのキーは kbd で表します。

HTML

1保存は <kbd>Ctrl</kbd> + <kbd>S</kbd> です。

CSS

1kbd {

2 padding: 1px 6px;

3 border: 1px solid #bbb;

4 border-bottom-width: 2px;

5 border-radius: 3px;

6 font-size: .85em;