ナビゲーション、テーブル等の構成が複雑なパーツは「ソース」で編集することがお勧めです。
| 形式 | 解説 |
| <p>テキスト</p> | <p>テキスト</p> でひとつの段落を示します |
| <b>テキスト</b> | <b>テキスト</b> で囲まれたテキストが太字で表示されます |
|
<h1>テキスト</h1> <h2>テキスト</h2> <h3>テキスト</h3> <h4>テキスト</h4> <h5>テキスト</h5> <h6>テキスト</h6> |
見出しです <h1> が一番大きな見出し、<h6> が一番小さな見出しになります |
| <i>テキスト</i> | <i>テキスト</i> で囲まれたテキストをイタリックで表示します。 |
| <s>テキスト</s> |
<s> 打ち消し線がひかれます。 |
| <u>テキスト</u> | <u>テキスト</u> で囲まれたテキストに下線がひかれます。 |
| <strong>テキスト</strong> | <strong>テキスト</strong> は強調されたテキストを示します。 |
|
- Point - <span class="クラス名">テキスト</span> で囲まれたテキストのスタイルを設定可能になり |
|
| 形式 | 解説 |
| <p class="クラス名">テキスト</p> | 段落全体のスタイル |
|
<h1 class="クラス名">テキスト</h1> <h2 class="クラス名">テキスト</h2> <h3 class="クラス名">テキスト</h3> <h4 class="クラス名">テキスト</h4> <h5 class="クラス名">テキスト</h5> <h6 class="クラス名">テキスト</h6> |
見出し全体のスタイル |
| <a class="クラス名">テキスト</span> | 囲まれたテキストのスタイル |
| <b class="クラス名">テキスト</span> | 囲まれたテキストのスタイル |
| <i class="クラス名">テキスト</span> | 囲まれたテキストのスタイル |
| <s class="クラス名">テキスト</span> | 囲まれたテキストのスタイル |
| <u class="クラス名">テキスト</span> | 囲まれたテキストのスタイル |
| <strong class="クラス名">テキスト</span> | 囲まれたテキストのスタイル |
| <span class="クラス名">テキスト</span> | 囲まれたテキストのスタイル（お勧め） |
| クラス名 （設定可能要素） | 使用例 |
| muted（上表全部） | <span class="text-muted">テキスト</span> |
| primary（上表全部） | <span class="text-muted">テキスト</span> |
| success（上表全部） | <span class="text-muted">テキスト</span> |
| information（上表全部） | <span class="text-muted">テキスト</span> |
| warning（上表全部） | <span class="text-muted">テキスト</span> |
| danger（上表全部） | <span class="text-muted">テキスト</span> |
| text-left（<p>タグのみ） | <p class="text-left">テキスト</p> |
| text-center（<p>タグのみ） | <p class="text-center">テキスト</p> |
| text-right（<p>タグのみ） | <p class="text-right">テキスト</p> |
|
- Point - <span style="プロパティ">テキスト</span> で囲まれたテキストのスタイルを設定可能になり プロパティ が複数の場合、各プロパティを「 ; 」で区切って下さい。 |
|
| 形式 | 解説 |
| <p style="プロパティ">テキスト</p> | 段落全体のスタイル |
|
<h1 style="プロパティ">テキスト</h1> <h2 style="プロパティ">テキスト</h2> <h3 style="プロパティ">テキスト</h3> <h4 style="プロパティ">テキスト</h4> <h5 style="プロパティ">テキスト</h5> <h6 style="プロパティ">テキスト</h6> |
見出し全体のスタイル |
| <a style="プロパティ">テキスト</span> | 囲まれたテキストのスタイル |
| <b style="プロパティ">テキスト</span> | 囲まれたテキストのスタイル |
| <i style="プロパティ">テキスト</span> | 囲まれたテキストのスタイル |
| <s style="プロパティ">テキスト</span> | 囲まれたテキストのスタイル |
| <u style="プロパティ">テキスト</span> | 囲まれたテキストのスタイル |
| <strong style="プロパティ">テキスト</span> | 囲まれたテキストのスタイル |
| <span style="プロパティ">テキスト</span> | 囲まれたテキストのスタイル |
| <span style="color:#2980b9; font-weight:bold">サンプル</span> | ||
| プロパティ | 解説 | 值 |
| 文字の色・サイズ | ||
| color | 文字色を指定する |
ハッシュ（ # ）で始まる6桁のカラーコードで指定 red、green、whiteといったカラーネームで指定 |
| font-size | 文字サイズを指定する |
xx-large ー最も大きいサイズ x-large large medium ー 標準サイズ（初期値） small x-small xx-small ー最も小さいサイズ px 指定 em 指定 |
| font-weight | 文字の太さを指定する |
100 ー 最も細い 200 300 400 ー normal と同等の太さ 500 600 700 ー bold と同等の太さ 800 900 ー 最も太い |
| 改行の扱い | ||
| white-space | 空白類文字（改行、半角スペース、タブ）の扱いを指定するプロパティです |
normalー標準 （初期値） nowrap ー自動的な折り返しを禁止する pre ー記述した通りの形で表示する |
| word-break | テキストの折り返しが行われる際に、単語の途中で改行させるかどうかを指定するプロパティです。 |
normal ー標準 （英語は単語の区切りで改行、日本語は行末で改行） break-all ー行末で改行 （単語の途中であっても改行させる） keep-all ー単語の区切りで改行 （単語の途中では改行させない） |
| word-wrap | 領域内に収まり切らない長い英単語を、幅いっぱいのところで折り返させるかどうかを指定するプロパティです。 |
normal ー標準 （単語の途中で折り返させない） break-word ー単語の途中であっても折り返させる |
| line-break | 禁則処理を指定するプロパティです。 |
line-break normal ー標準 （厳密な禁則処理を行わない） strict ー厳密な禁則処理を行う |