copyright

株式会社アイネックスはソフトウェアの開発、検証ツールの支援企業です。

     横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
検証ツールの支援と多岐にわたるソリューションを提供します。

galleria

01-07) 1. 見出し文字の確認

見出し文字の指定を記述する

テキストを装飾する以下のプロパティがあります。
colorプロパティ
font-sizeプロパティ
font-weightプロパティ
font-styleプロパティ
text-decorationプロパティ
text-alignプロパティ

cssの書き方 h1{ font-size: 2em; color: #469;}
h2{ font-size: 1.75em; color: #469;}
h3{ font-size: 1.5em; color: #469;}
h4{ font-size: 1.25em; color: #469;}
h5{ font-size: 0.75em; color: #469;}
h6{ font-size: 0.5em; color: #469;}
HTMLの使用例 <h1>h1 特大見出し </h1>
<h2>h2 大見出し </h2>
<h3>h3 中見出し </h3>
<h4>h4 通常見出し </h4>
<h5>h5 小見出し </h5>
<h6>h6 細小見出し </h6>

h1 特大見出し

h2 大見出し

h3 中見出し

h4 通常見出し

h5 小見出し
h6 細小見出し

01-07) 2. フォント(font-size)の指定

font-sizeの指定

cssの書き方 .fntSz12{ font-size:12px;}
.fntSz14{ font-size:14px;}
.fntSz18{ font-size:18px;}
.fntSz24{ font-size:24px;}
HTMLの使用例 <p class="fntSz12">[font-size = 12の指定]</p>
<p class="fntSz14">[font-size = 14の指定]</p>
<p class="fntSz18">[font-size = 18の指定]</p>
<p class="fntSz24">[font-size = 24の指定]</p>

[font-size = 12の指定]

[font-size = 14の指定]

[font-size = 18の指定]

[font-size = 24の指定]


01-07) 3. 大文字サイズ(font-size: large)

cssの書き方 .fntSzLg{ font-size: large;}
.fntSzMd{ font-size:medium;}
.fntSzSm{ font-size:small;}
.fntBold{ font-weight:bold;}
HTMLの使用例 <p class="fntSzLg">[font-size = largeの指定]</p>
<p class="fntSzMd">[font-size = mediumの指定]</p>
<p class="fntSzSm">[font-size = smallの指定]</p>
<p class="fntSz24">[font-size = 24の指定]</p>

1. 大文字サイズ(font-size:large)の指定

[見本] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページの左の辺に沿って、さらに Web ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。


2. 中文字サイズ(font-size:medium)の指定

[見本] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページの左の辺に沿って、さらに Web ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。レイアウト テーブルは、必要に応じて簡単なものも複雑なものも作成することができます。デザイン ビュー、または分割ビューの [デザイン] ウィンドウで Web ページを編集するときは、埋め込まれている HTML タグの先頭と末尾を示す HTML タグ マーカーを表示することも、非表示にすることもできます。


3. 小文字サイズ(font-size:small)の指定

[見本] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページの左の辺に沿って、さらに Web ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。


4. 文字サイズ(font-size:bold)の指定

[見本] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページの左の辺に沿って、さらに Web ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。


5. 文字サイズ(font-size:12px)の指定

[見本] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページの左の辺に沿って、さらに Web ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。


6. 文字サイズ(font-size:14px)の指定

[見本] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページの左の辺に沿って、さらに Web ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。


7. 文字サイズ(font-size:14px font-size:bold)の指定

[見本] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページの左の辺に沿って、さらに Web ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。


8. 文字サイズ(font-size:18px)の指定

[見本] イアウト ーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページのの辺に沿て、さらに Web ージのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます


9. 文字サイズ(font-size:24px)の指定

[見本] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページの左の辺に沿って、さらに Web ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。