執筆中のため、情報が古い・足りない場合があります。ご容赦ください。
タイポグラフィ
見出し
構文 | 例 |
---|---|
<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.
- Lorem, ipsum dolor.
- Lorem, ipsum dolor.
- Lorem, ipsum dolor.
- Lorem, ipsum dolor.
- Lorem, ipsum dolor.
引用
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
TEST
kbdタグ
F1を押下するとヘルプを表示します。
Ctrl+Vを押下すると、クリップボードから貼り付けます。