Key:雑学事典のスタイル

広告

広告

各ブロックタイプ要素のスタイルについて

最終更新
2007-03-24T23:03:00+09:00
この記事のURI参照
http://www.7key.jp/css.html#block

レベル3表題(<h3>レベル3表題</h3>のようにマークアップをします)

レベル3表題の内容となる文章(<p>要素のプレビュー)。ページの中の一つの主題をもってまとまった部分を明示するために<p>文章</p>のようにマークアップをします。

blockquote要素にて引用された内容。引用文章であることを明示するために、<blockquote cite="引用文の原文を示すURI" title="引用元文章のタイトル">引用文章</blockquote>のようにマークアップをします。

レベル4表題(<h4>レベル4表題</h4>のようにマークアップをします)

レベル4表題の内容となる文章(<p>要素のプレビュー)。

 <pre>要素にて
整形済みの
テキスト表示サンプル。
整形済みの文章であることを明示するために、
<pre>整形済み文章</pre>
のようにマークアップをします。
レベル5表題(<h5>レベル5表題</h5>のようにマークアップをします)

レベル5表題の内容となる文章(<p>要素のプレビュー)。


上記は<hr />要素のプレビュー。

レベル6表題(<h6>レベル6表題</h6>のようにマークアップをします)

レベル6表題の内容となる文章(<p>要素のプレビュー)。

各インライン要素のスタイルについて

最終更新
2007-03-24T22:59:00+09:00
この記事のURI参照
http://www.7key.jp/css.html#inline

文章の中で強調したい箇所は<em>強調したい箇所</em>のようにマークアップします。

更に強調したい部分については、<strong>更に強調したい箇所</strong>のようにマークアップをします。

文章の中で取り消された部分については、<del datetime="取り消された日時">取り消された文章</del>のようにマークアップをします。

逆に、文章の中で追加された部分については、<ins datetime="追加された日時">追加された文章</ins>のようにマークアップをします。

その文章が引用文であることを示すために、<q cite="引用文の原文を示すURI">引用文</q>のようにマークアップをします。

書名や規格名、作者名などを引用する際には、<cite>書名や規格名など</cite>のようにマークアップをします。

その語が別の場所で定義をされていたり、その語が通常とは違う意味合いで使われていたりする場合には<dfn>定義済みの語句</dfn>のようにマークアップをします。

その語が略語であることを示すために、<abbr title="略の解説を示す文書">略語</abbr>のようにマークアップをします。

その語が頭字語であることを示すために、<acronym title="略の解説を示す文書">略語</acronym>のようにマークアップをします。

その語句を他の文書に関連付けるための出発点であることを明示するために、<a href="リンク先文書のURI、又は名前">被リンク語句</a>のようにマークアップをします。

文章では表現しきれない対象を図示するための画像は、<img src="その画像を示すURI" width="その画像の横幅" height="その画像の高さ" alt="その画像を表現するための文章" />のようにマークアップをします。表示サンプルはサンプル画像

その部分がプログラムコードやサンプルコードであることを明示するために、<code>プログラムコード</code>のようにマークアップをします。

その部分がキーボードによって入力された、もしくは入力される部分であることを明示するために、<kbd></kbd>のようにマークアップをします。

その部分が変数であることを明示するために、<var>変数</var>のようにマークアップをします。

その部分がプログラムやスクリプトによる出力結果のサンプルであることを明示するために、<samp>出力結果サンプル</samp>のようにマークアップをします。

リスト関連要素のスタイルについて

最終更新
2007-03-24T22:59:00+09:00
この記事のURI参照
http://www.7key.jp/css.html#list
  1. ol要素のサンプル(LIレベル1)
  2. ol要素のサンプル(LIレベル1)
    1. ol要素のサンプル(LIレベル2)
    2. ol要素のサンプル(LIレベル2)
      1. ol要素のサンプル(LIレベル3)
      2. ol要素のサンプル(LIレベル3)
        1. ol要素のサンプル(LIレベル4)
        2. ol要素のサンプル(LIレベル4)
      3. ol要素のサンプル(LIレベル3)
    3. ol要素のサンプル(LIレベル2)
  3. ol要素のサンプル(LIレベル1)

定義済みリスト関連要素のスタイルについて

最終更新
2007-03-24T22:59:00+09:00
この記事のURI参照
http://www.7key.jp/css.html#dfn_list
定義する用語(<dt>要素)
定義した用語の説明(<dd>要素)
<dd>要素の中に更に<dl>要素で定義する用語(<dt>要素)
定義した用語の説明(<dd>要素)
定義する用語(<dt>要素)
定義した用語の説明(<dd>要素)

テーブル関連要素のスタイルについて

最終更新
2007-03-24T22:59:00+09:00
この記事のURI参照
http://www.7key.jp/css.html#table
テーブルの表題(<caption>要素)
<th>要素<th>要素<th>要素<th>要素
<td>要素<td>要素<td>要素
<td>要素<td>要素<td>要素<td>要素
<td>要素<td>要素<td>要素
<td>要素<td>要素<td>要素<td>要素
<td>要素<td>要素<td>要素<td>要素
<td>要素<td>要素<td>要素
<td>要素
テーブルの中のテーブル
<th>要素<th>要素
<td>要素<td>要素
<td>要素<td>要素

フォーム関連要素のスタイルについて

最終更新
2007-03-28T21:21:00+09:00
この記事のURI参照
http://www.7key.jp/css.html#form
<input>要素
<select>要素
<textarea>要素

広告

Copyright (C) 2003-2006 七鍵 key@do.ai 初版:2003年7月7日 最終更新:2007年03月12日