横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
検証ツールの支援と多岐にわたるソリューションを提供します。
見出し文字の指定を記述する
テキストを装飾する以下のプロパティがあります。
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> |
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の指定]
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 ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。