SIRIUSオンラインマニュアル

文字装飾ボタン一覧

SIRIUSの文字装飾ボタンの一覧です。
シンプルなものから、デザイン性の高いものまでありますので、
ぜひご活用していただければと思います。

 

ボタン

ボタン名

挿入されるタグ

実際の表示

強調

<strong>強調</strong>

強調

斜体

<em>斜体</em>

斜体

取消線

<s>取消線</s>

取消線

下線

<u>下線</u>

下線

H3見出し

<h3>H3見出し</h3>

H4見出し

<h4>H4見出し</h4>

H5見出し

<h5>H5見出し</h5>

H6見出し

<h6>H6見出し</h6>

左揃え

<p style="text-align:left;">左揃え</p>

左揃え

中央揃え

<p style="text-align:center">中央揃え</p>

中央揃え

右揃え

<p style="text-align:right">右揃え</p>

右揃え

リスト

<ul><li > リスト</li></ul>

リスト

数字付リスト

<ol><li >数字付リスト</li></ol>

数字付リスト

リンクの挿入

<ahref="http://www.sample.co.jp/">リンクの挿入</a>

リンクの挿入

項目1

画像

<img src="../img/(画像ファイル名)" alt="" /> ※指定した画像が表示されます

項目1

テーブル    

項目1

コメントアウト <!-- ★コメントアウト★ --> ※サイト上に表示されなくなります

項目1

ボックス <div class="nmlbox">ボックス</div> 項目4

項目1

画像付ボックス <div class="rank1">画像付ボックス</div> 項目4

項目1

ポイント <div class="point">ポイント</div> 項目4

項目1

ランキング <div class="rank1">ランキング</div> 項目4

項目1

水平線 <pclass="border1"></p> 項目4

項目1

引用文 <blockquote>引用文</blockquote> 項目4

項目1

カスタマイズ装飾ボタン1 <spanstyle="color:#FF0000;"><u>赤下線</u></span> 赤下線

項目1

カスタマイズ装飾ボタン2 <spanstyle="color:#0000FF;"><u>青下線</u></span> 青下線

項目1

カスタマイズ装飾ボタン3 <span style="font-size:18px">文字サイズ大</span> 文字サイズ大

項目1

カスタマイズ装飾ボタン4 <span style="font-size:26px">文字サイズ特大</span> 文字サイズ特大

項目1

カスタマイズ装飾ボタン5 <hr style="border-bottom:solid 1px#CCC" border="0" />水平線 項目4

項目1

カスタマイズ装飾ボタン6 <spanstyle="text-decoration:none;color:#333">装飾なし</span> 装飾なし

項目1

文字色 <span style="color:#FF0A0A">文字色</span> 文字色

項目1

蛍光ペン <span class="ylw">蛍光ペン</span> 蛍光ペン

項目1

文字サイズ <span style="font-size:24px">文字サイズ</span> 文字サイズ

 

 

※カスタマイズ装飾ボタン1〜10は、挿入するタグを自分でカスタマイズする事が可能です。