CSS-Styling
メニュー
- トップ
- 掲示板
- リンク
- お気に入りに追加(IEのみ)
CSS
- 基本
- CSSとは?
- 基本
- セレクタの種類
- 記述の仕方
- 単位について
- 色
- カラー指定
- フォント
- フォントの指定
- フォントのサイズ指定
- フォントの太さ指定
- フォントを斜体
- フォントをまとめて指定
- テキスト
- 文字の水平位置
- 文字の垂直位置
- 文字の行間を指定
- 文字の間隔を指定
- 文字のインデントを指定
- 文字の装飾
- リンク
- 未訪問リンク
- 既訪問リンク
- マウスが乗った時
- マウスを押した時
- ボックス
- ボックスの基本
- マージンの指定
- 余白の指定
- 幅と高さの指定
- ボーダー(枠線)
- ボーダーのスタイル指定
- ボーダーのカラー指定
- ボーダーの太さを指定
- ボーダーをまとめて指定
フォント
フォントの指定
font-family : (フォントファミリー名);
フォントを指定します。複数設定する場合は,(カンマ)で区切ります。
閲覧側に指定したフォントが無い場合、そのフォントでは表示されません。
font-size : (サイズ);
フォントのサイズを指定します。pxやemといった数値の他に下の記号での指定もあります。
xx-small
x-small
small(Windows標準)
medium
large
x-large
xx-large
font-weight : (太さ);
フォントの太さ指定します。下記のサンプルをご覧下さい。
font-weight: 400
font-weight: normal
font-weight: 500
font-weight: 600
font-weight: bold
font-weight: 700
font-weight: 800
font-weight: 900
font-style : (スタイル);
フォントを斜体にします。下記のサンプルをご覧下さい。
font-style: italic
font-style: oblique
font : (斜体) (太さ) (サイズ)/(行間) (フォント名)
フォントスタイルををまとめて指定します。サイズと行間の区切りは「/」で他の値は半角スペースで区切ります、 「行間」についてはテキストを参照して下さい。