文字サイズを変える
書式
文字(フォント)サイズを設定します。
指定できる値は
├単位
├%
├キーワード
があります。
単位で指定
数字にem,pxなどの単位をつけます。
emはHTMLの<font size = "">で指定していたものと同じサイズになります。
pxは画面の1ピクセルを1とし、画面の解像度により変化します。
%で指定
%で指定すると、親要素に対しての割合でサイズが変わります。
大抵はテンプレートスタイルシートのbodyに指定されているサイズを100%とします。
キーワードで指定
xx-small,x-small,small,medium,large,x-large,xx-large
から選んでキーワードで指定出来ます。
mediunは標準サイズで、左にいくほど小さくなり、右にいくほど大きくなります。
font-size: 値
文字(フォント)サイズを設定します。
指定できる値は
├単位
├%
├キーワード
があります。
単位で指定
数字にem,pxなどの単位をつけます。
emはHTMLの<font size = "">で指定していたものと同じサイズになります。
pxは画面の1ピクセルを1とし、画面の解像度により変化します。
%で指定
%で指定すると、親要素に対しての割合でサイズが変わります。
大抵はテンプレートスタイルシートのbodyに指定されているサイズを100%とします。
キーワードで指定
xx-small,x-small,small,medium,large,x-large,xx-large
から選んでキーワードで指定出来ます。
mediunは標準サイズで、左にいくほど小さくなり、右にいくほど大きくなります。
スタイルシート部分
.mozi1{font-size:14px}
.mozi2{font-size:80%}
.mozi3{font-size:large}
.mozi1{font-size:14px}
.mozi2{font-size:80%}
.mozi3{font-size:large}
記事部分
<span class = "mozi1">文字サイズは14pxです。</span>
<span class = "mozi2">文字サイズは80%です。</span>
<span class = "mozi3">文字サイズはlargeです。</span>
<span class = "mozi1">文字サイズは14pxです。</span>
<span class = "mozi2">文字サイズは80%です。</span>
<span class = "mozi3">文字サイズはlargeです。</span>
表示
文字サイズは14pxです。
文字サイズは80%です。
文字サイズはlargeです。
文字サイズは14pxです。
文字サイズは80%です。
文字サイズはlargeです。
次のキーワードを検索:[スタイルシート]
前後の記事
最近の記事
Search
FC2blogビギナーズガイド
コラム
作成したツール
月別アーカイブ
- 2008年 03月(1)
- 2008年 02月(1)
- 2008年 01月(3)
- 2007年 12月(2)
- 2007年 11月(5)
- 2007年 10月(7)
- 2007年 09月(7)
- 2007年 08月(6)
- 2007年 06月(1)
- 2007年 05月(1)
- 2007年 04月(12)
- 2007年 03月(2)
- 2006年 12月(2)
- 2006年 11月(12)
- 2006年 10月(6)
- 2006年 09月(1)
- 2006年 08月(3)
- 2006年 07月(3)
- 2006年 06月(4)
- 2006年 05月(16)
- 2006年 04月(13)
- 2006年 03月(16)
- 2006年 02月(12)
- 2006年 01月(8)
- 2005年 12月(13)
- 2005年 11月(24)
- 2005年 10月(19)
- 2005年 09月(27)
- 2005年 08月(38)
- 2005年 07月(51)
- 2005年 06月(40)
- 2005年 05月(111)
- 2005年 04月(153)
- 2005年 03月(57)
- 2005年 02月(79)
