HOME > 記事の編集方法 > 文字の装飾
文字の装飾
2013年08月09日
本文を装飾するためのタグの一覧です。タグのエリアをコピーでそのままご利用いただけます。MT-tで初期設定として予め用意しているタグの一部です。
スタイルシートに関して知識をお持ちの方は、パーツブログの「★★★style-add」を直接修正してスタイルを追加することも出来ます。
文字の大きさを変える
実際の表示 |
挿入するタグ |
11フォント |
<span class="f11">11フォント</span> |
12フォント |
<span class="f12">12フォント</span> |
14フォント |
<span class="f14">14フォント</span> |
16フォント |
<span class="f16">16フォント</span> |
18フォント |
<span class="f18">18フォント</span> |
24フォント |
<span class="f24">24フォント</span> |
28フォント |
<span class="f28">28フォント</span> |
文字の見た目を変える
実際の表示 |
挿入するタグ |
やや強調 |
<em>やや強調</em> |
強調 |
<strong>強調</strong> |
太字 |
<span class="b">太字</span> |
取り消し線文字 |
<span class="s">取り消し線文字</span> |
下線付文字 |
<span class="u">下線付文字</span> |
文字の色を変える
実際の表示 |
挿入するタグ |
redで赤文字になります |
<span class="red">redで赤文字になります</span> |
blueで青文字になります |
<span class="blue">blueで青文字になります</span> |
grnで緑文字になります |
<span class="grn">grnで緑文字になります</span> |
oraでオレンジ文字になります |
<span class="ora">oraでオレンジ文字になります</span> |
redで赤文字になります |
<span class="gry">redで赤文字になります</span> |
灰色枠線囲み |
<span class="gry-bdr">灰色枠線囲み</span> |
黄色背景文字 |
<span class="yell">黄色背景文字</span> |
薄い黄色背景文字 |
<span class="yell-bg>薄い黄色背景文字</span> |
黄色枠線囲み |
<span class="yell-bdr">黄色枠線囲み</span> |
白背景文字 |
<span class="wht-bg">白背景文字</span> |
文章の位置を変える
実際の表示 |
挿入するタグ |
左寄せ |
<p class="txt-r">左寄せ</p> |
右寄せ |
<p class="txt-r">右寄せ</p> |
中央寄せ |
<p class="center">中央寄せ</p> |
見出し
見出しはご利用のテンプレートによってデザイン表示は異なります
実際の表示 |
挿入するタグ |
見出し3タイトル |
<h3>見出し3タイトル</h3> |
見出し4タイトル |
<h4>見出し4タイトル</h4> |
リスト表示
実際の表示 |
挿入するタグ |
- チェック項目その1
- チェック項目その2
- チェック項目その3
|
<ul class="check">
<li>チェック項目その1</li>
<li>チェック項目その2</li>
<li>チェック項目その3</li>
</ul> |
ご質問ご相談はこちらから
回答は2営業日以内にメールでさしあげます。もし回答が届かない場合はメールが迷惑ボックスに入っているか、何らかの原因で受信できていない可能性があります。その際はお手数ですが再度ご相談フォームよりご入力ください。
よりスムースなサポートのために下記のアプリのインストールをお願いします。
Screen Capture (by Google)
Chromeの右上にアイコンが表示されます。そこから簡単に画面撮影でき、画像として保存することが可能です。ご相談の際、画面の画像を添付していただけると助かります。(詳しい使い方はこちら)
4ファイル以上添付したい方はこちらをお読みください。