スタイルシートのプロパティ

フォントの種類

フォントの種類の指定の仕方には、2通りあります。

一つは、フォントのタイプで指定する方法です。これは、相手のPCに入っている同タイプのフォントで表示する方法です。

もう一つは、フォント名で指定する方法です。フォント名は（,）カンマで区切って複数指定可能で、1番目のフォントが相手のPCにないときは2番目のフォントが表示され、2番目のフォントもないときは3番目のフォント、というように順に表示されます。
フォント名にスペースが入っている場合には、必ず""で囲みます。

フォントのタイプと、フォント名には以下のようなものが挙げられます。

フォントのタイプ

• serif（明朝系）
• sans-serif（ゴシック系）
• cursive（筆記体系）
• fantasy（装飾系）

フォント名

• "ＭＳ ゴシック"

文字サイズ

文字の太さ

�Aには以下のようなものが入ります。

• normal（通常）
• bold（太字）
• 100､200､〜900（標準は400、太字は700に相当する）
• lighter（相対指定　一段階細く）
• bolder（相対指定　一段階太く）

斜体

�@には以下のようなものが入ります。

• normal（通常）
• italic（イタリック体）
• oblique（斜体）

文字飾り

�@には以下のようなものが入ります。

• none
• underline（下線）
• overline（上線）
• line-through（取り消し線）

[ページTOPへ]

文字位置の指定

text-alignでは文字揃え、vertical-alignでは文字位置の上下を指定することができます。

�@には以下のようなものが入ります。

• left
• center
• right

�@には以下のようなものが入ります。

• baseline
• top
• middle
• bottom

行間

行間が文字サイズより小さいと、文字が重なってしまうので注意しましょう。

字間

[ページTOPへ]

繰り返し

背景画像の繰り返しに関する設定をします。

�@には、以下のようなものが入ります。

• repeat　タイル上に繰り返す
• repeat-x　横方向に繰り返す
• repeat-y　縦方向に繰り返す
• no-repeat　繰り返しなし

表示位置

背景画像の位置を指定します。
繰り返しの場合は、指定した位置から繰り返しが始まります。

�@は横方向の位置

• left,center,right
• 絶対指定及び相対指定

�Aは縦方向の位置

• top,center,bottom
• 絶対指定及び相対指定

位置を固定

背景画像の位置を固定すると、ページをスクロールしても動かないようにすることが出来ます。

�@には、

• scroll　（スクロールする）
• fixed　（固定）

が入ります。

枠線

枠線（border）の太さ、スタイル、色について指定することができます。

まとめて指定するには、

�@には枠線の幅、�Aには枠線の種類、�Bには枠の色を入れます。

個々で指定するには、
枠線の幅

枠線の種類 枠線の色 このように、各プロパティについて、上から順に時計回りで指定していきます。
また、各値の間には半角スペースを入れます。

全て同じ値にするときは、

というように指定します。これは枠線のスタイル・色についても同様です。

上下左右を個別に指定する方法もあります。

余白

マージン・パディングについて説明します。
まず、まとめて指定するには、

となります。
上下左右で違う幅を指定したい場合は、 となります。
上下左右について、個別に指定したい場合は、 となります。

�@には全て余白の幅が入ります。
また、上述ではmarginでの設定の説明をしていますが、marginの部分をpaddingに変更すればpaddingの設定も同様にして出来ます。

[ページTOPへ]

回り込みをする

�@には、以下のようなものが入ります。

• none　（指定なし・デフォルト）
• left　（左に配置）
• right　（右に配置）

以下のように記述すると、

次のように表示されます。

回り込みを解除する

clearを用いて回り込みを解除することが出来ます。

�@には、以下のようなものが入ります。

• none　（解除なし・デフォルト）
• left　（左の回りこみを解除）
• right　（右の回りこみを解除）
• both　（左右両方の回り込みを解除）

以下のように記述すると、

次のように表示されます。

まとめて指定

�@にはリストマークの種類が入ります。
�Aでは、リストマークの画像のＵＲＬを指定します。
�Bでは、字下げの位置を指定します。

各指定の順番は自由で、省略も可能です。
また、種類と画像を両方指定した場合には、画像が優先されます。

�@には以下のようなものが入ります。

none	なし	テスト
disc	黒丸	テスト
circle	白丸	テスト
square	四角	テスト
decimal	数字	テスト
lower-roman	ローマ数字（小文字）	テスト
upper-roman	ローマ数字（大文字）	テスト
lower-alpha	アルファベット（小文字）	テスト
upper-alpha	アルファベット（大文字）	テスト

�Bには以下のようなものが入ります。

• inside　（リストマークの後ろで字を揃える）
• outside　（リストマークと2行目以降の文字が同じ位置になる）

リストマークの種類を指定

�@にはリストマークの種類が入ります。
詳しい種類は「まとめて指定」の欄を参考にしてください。

リストマークの画像を指定

�Aにはリストマークの画像のＵＲＬが入ります。

字下げの位置を指定

�Bには字下げの位置が入ります。
詳しい種類は「まとめて指定」の欄を参考にしてください。