CSS テスト部屋
■入り口 (←サーチエンジン等で来た方は入り口へどうぞ)              ■Toshi's ホームページ・メイン         ■11.CSS テスト部屋           

 お知らせ                                   
 CSS (スタイルシート)の表示テストです。 「パソコンのブラウザ」と「スマートフォンのブラウザ」での表示に差異があります。 (レンダリングエンジンがそれぞれ違うようです) 表示を確認するためのページです。
()内は 更新日

◆ TR
 表示         コード例                       
指定無し <TR>指定無し</TR>
タイトル <TR class="title">タイトル</TR>
注意書き <TR class="attention">注意書き</TR>
中央寄せ・リンク <TR class="c">中央寄せ・リンク</TR>
白色 <TR class="white">白色</TR>
銀色 <TR class="silver">銀色</TR>
ピンク色 <TR class="pink">ピンク色</TR>
赤色 <TR class="red">赤色</TR>
オレンジ色 <TR class="orange">オレンジ色</TR>
黄色 <TR class="yellow">黄色</TR>
シャルトルーズ色 <TR class="chartreuse">シャルトルーズ色</TR>
ライム色 <TR class="lime">ライム色</TR>
春緑色 <TR class="springgreen">春緑色</TR>
アクア色 <TR class="aqua">アクア色</TR>
水青色 <TR class="aquablue">水青色</TR>
青色 <TR class="blue">青色</TR>
ブルーバイオレット色 <TR class="blueviolet">ブルーバイオレット色</TR>
紫紅色 <TR class="fuchsia">紫紅色</TR>
薄ピンク色 <TR class="d-pink">薄ピンク色</TR>
えび茶色 <TR class="maroon">えび茶色</TR>
薄オレンジ色 <TR class="d-orange">薄オレンジ色</TR>
オリーブ色 <TR class="olive">オリーブ色</TR>
薄シャルトルーズ色 <TR class="d-chartreuse">薄シャルトルーズ色</TR>
緑色 <TR class="green">緑色</TR>
薄春緑色 <TR class="d-springgreen">薄春緑色</TR>
青緑色 <TR class="teal">青緑色</TR>
薄水青色 <TR class="d-aquablue">薄水青色</TR>
薄ブルーバイオレット <TR class="d-blueviolet">薄ブルーバイオレット</TR>
紫色 <TR class="purple">紫色</TR>
灰色 <TR class="gray">灰色</TR>
黒色 <TR class="black">黒色</TR>
◆ FONT
 表示         コード例                       
ないよう 内容 <FONT class="ruby">ないよう</FONT>
フォント2 <FONT class="f2">フォント2</FONT>
フォント3 <FONT class="f3">フォント3</FONT>
フォント5 <FONT class="f5">フォント5</FONT>
フォント6 <FONT class="f6">フォント6</FONT>
太字 <FONT class="b">太字</FONT>
斜体 <FONT class="i">斜体</FONT>
下線 <FONT class="u">下線</FONT>
白色 <FONT class="white">白色</FONT>
銀色 <FONT class="silver">銀色</FONT>
ピンク色 <FONT class="pink">ピンク色</FONT>
赤色 <FONT class="red">赤色</FONT>
オレンジ色 <FONT class="orange">オレンジ色</FONT>
黄色 <FONT class="yellow">黄色</FONT>
シャルトルーズ色 <FONT class="chartreuse">シャルトルーズ色</FONT>
ライム色 <FONT class="lime">ライム色</FONT>
春緑色 <FONT class="springgreen">春緑色</FONT>
アクア色 <FONT class="aqua">アクア色</FONT>
水青色 <FONT class="aquablue">水青色</FONT>
青色 <FONT class="blue">青色</FONT>
ブルーバイオレット色 <FONT class="blueviolet">ブルーバイオレット色</FONT>
紫紅色 <FONT class="fuchsia">紫紅色</FONT>
薄ピンク色 <FONT class="d-pink">薄ピンク色</FONT>
えび茶色 <FONT class="maroon">えび茶色</FONT>
薄オレンジ色 <FONT class="d-orange">薄オレンジ色</FONT>
オリーブ色 <FONT class="olive">オリーブ色</FONT>
薄シャルトルーズ色 <FONT class="d-chartreuse">薄シャルトルーズ色</FONT>
緑色 <FONT class="green">緑色</FONT>
薄春緑色 <FONT class="d-springgreen">薄春緑色</FONT>
青緑色 <FONT class="teal">青緑色</FONT>
薄水青色 <FONT class="d-aquablue">薄水青色</FONT>
濃紺色 <FONT class="navy">濃紺色</FONT>
薄ブルーバイオレット <FONT class="d-blueviolet">薄ブルーバイオレット</FONT>
紫色 <FONT class="purple">紫色</FONT>
灰色 <FONT class="gray">灰色</FONT>
黒色 <FONT class="black">黒色</FONT>
作成中 <FONT class="con">作成中</FONT>
削除線 <FONT class="del">削除線</FONT>
◆ A
 表示         コード例                       
準備中 <A class="con">準備中</A> <A class="con" href="00__main.html">作成中</A>
削除済 <A class="del">削除済</A>
遷移先・リンク有 <A href="00__main.html">遷移先・リンク有</A>