スポンサーサイト

文字サイズを変える

書式
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}

記事部分
<span class = "mozi1">文字サイズは14pxです。</span>
<span class = "mozi2">文字サイズは80%です。</span>
<span class = "mozi3">文字サイズはlargeです。</span>

表示
文字サイズは14pxです。
文字サイズは80%です。
文字サイズはlargeです。

次のキーワードを検索:[スタイルシート]

前後の記事

最近の記事

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。