タイポグラフィ

見出し h1 〜 h6

h1. 見出し1

h2. 見出し2

h3. 見出し3

h4. 見出し4

h5. 見出し5
h6. 見出し6
<h1 class="%{STYLEGUIDE_PAGE}-h1">h1. 見出し1</h1>
<h2 class="%{STYLEGUIDE_PAGE}-h2">h2. 見出し2</h2>
<h3 class="%{STYLEGUIDE_PAGE}-h3">h3. 見出し3</h3>
<h4 class="%{STYLEGUIDE_PAGE}-h4">h4. 見出し4</h4>
<h5 class="%{STYLEGUIDE_PAGE}-h5">h5. 見出し5</h5>
<h6 class="%{STYLEGUIDE_PAGE}-h6">h6. 見出し6</h6>

段落 p

これはサンプルテキストです。これはサンプルテキストです。これはサンプルテキストです。これはサンプルテキストです。これはサンプルテキストです。これはサンプルテキストです。
これはサンプルテキストです。

これはサンプルテキストです。これはサンプルテキストです。これはサンプルテキストです。これはサンプルテキストです。

<p class="%{STYLEGUIDE_PAGE}-p">
	サンプルテキストです。
</p>

リスト ul

<ul class="%{STYLEGUIDE_PAGE}-ul">
	<li>...</li>
</ul>

リスト(点なし)

.%{STYLEGUIDE_PAGE}-list-nostyle

<ul class="%{STYLEGUIDE_PAGE}-list-nostyle">
	<li>...</li>
</ul>

リスト(インライン)

.%{STYLEGUIDE_PAGE}-list-inline

<ul class="%{STYLEGUIDE_PAGE}-list-inline">
	<li>...</li>
</ul>

番号付きリスト ol

  1. りんご
  2. みかん
  3. ぶどう
    1. 山梨県
    2. 富士岡フォーム
    3. ワイン
  4. もも
<ol class="%{STYLEGUIDE_PAGE}-ol">
	<li>...</li>
</ol>

定義リスト dl

りんご
青森県産。品種名は「ふじ」。日本で多く生産されており、甘みが強く歯ごたえもあるりんご。収穫時期は10月中旬になる。
みかん
愛媛県産。ウンシュウミカン。ビニールハウスや温室で栽培されており一年中収穫ができる。ビタミンCも多く含まれている。
ぶどう
山梨県産。巨峰。ぶどうはワイン、ジャム、レーズン、ゼリーなど多くの食品として使われる。
<dl class="%{STYLEGUIDE_PAGE}-dl">
	<dt>用語</dt>
	<dd>用語の説明</dd>
</dl>

定義リスト(横並び)

.%{STYLEGUIDE_PAGE}-dl-horizontal

りんご
青森県産。品種名は「ふじ」。日本で多く生産されており、甘みが強く歯ごたえもあるりんご。収穫時期は10月中旬になる。
みかん
愛媛県産。ウンシュウミカン。ビニールハウスや温室で栽培されており一年中収穫ができる。ビタミンCも多く含まれている。
ぶどう
山梨県産。巨峰。ぶどうはワイン、ジャム、レーズン、ゼリーなど多くの食品として使われる。
<dl class="%{STYLEGUIDE_PAGE}-dl-horizontal">
	<dt>用語</dt>
	<dd>用語の説明</dd>
</dl>

定義リスト(横並び - 線つき)

.%{STYLEGUIDE_PAGE}-dl-line

2013.07.12
青森県産。品種名は「ふじ」。日本で多く生産されており、甘みが強く歯ごたえもあるりんご。収穫時期は10月中旬になる。
2013.08.15
愛媛県産。ウンシュウミカン。ビニールハウスや温室で栽培されており一年中収穫ができる。ビタミンCも多く含まれている。
2013.09.17
山梨県産。巨峰。ぶどうはワイン、ジャム、レーズン、ゼリーなど多くの食品として使われる。
<dl class="%{STYLEGUIDE_PAGE}-dl-line">
	<dt>用語</dt>
	<dd>用語の説明</dd>
</dl>

引用 blockquote

HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)、略記・略称:HTML(エイチティーエムエル)とは、ウェブ上の文書を記述するためのマークアップ言語である。文章の中に記述することでさまざまな機能を記述設定することができる。
<blockquote class="%{STYLEGUIDE_PAGE}-blockquote">
	HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)、略記・略称:HTML(エイチティーエムエル)とは、ウェブ上の文書を記述するためのマークアップ言語である。文章の中に記述することでさまざまな機能を記述設定することができる。
</blockquote>