執筆中のため、情報が古い・足りない場合があります。ご容赦ください。

タイポグラフィ

見出し

構文
<h1></h1>

見出しレベル1

<h2></h2>

見出しレベル2

<h3></h3>

見出しレベル3

<h4></h4>

見出しレベル4

<h5></h5>
見出しレベル5
<h6></h6>
見出しレベル6

ディスプレイ見出し

displayクラスを付与することで、より大きなサイズの見出しにできます。

構文
<h1 class="display"></h1>

見出しレベル1

<h2 class="display"></h2>

見出しレベル2

<h3 class="display"></h3>

見出しレベル3

<h4 class="display"></h4>

見出しレベル4

<h5 class="display"></h5>
見出しレベル5
<h6 class="display"></h6>
見出しレベル6

文字サイズ

構文
<span class="text-400"></span> 400%
<span class="text-350"></span> 350%
<span class="text-300"></span> 300%
<span class="text-250"></span> 250%
<span class="text-200"></span> 200%
<span class="text-150"></span> 150%
<span class="text-100"></span> 100%
<span class="text-75"></span> 75%
<span class="text-50"></span> 50%

その他

構文
<a href="#">リンク</a> リンク
<code>Hello, XelticaUI!</code> Hello, XelticaUI!

リスト

  • Lorem, ipsum dolor.
  • Lorem, ipsum dolor.
  • Lorem, ipsum dolor.
  • Lorem, ipsum dolor.
  • Lorem, ipsum dolor.
  1. Lorem, ipsum dolor.
  2. Lorem, ipsum dolor.
  3. Lorem, ipsum dolor.
  4. Lorem, ipsum dolor.
  5. Lorem, ipsum dolor.

引用

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
TEST

kbdタグ

F1を押下するとヘルプを表示します。

Ctrl+Vを押下すると、クリップボードから貼り付けます。