Looking for css Answers? Try Ask4KnowledgeBase
Looking for css Keywords? Try Ask4Keywords

CSSタイポグラフィ


構文

  • font -style [ font-style ] [font-variant] [font-weight] フォントサイズ [/ line-height] font-family ;
  • font-style: font-style
  • font-variant: font-variant
  • font-weight: font-weight ;
  • font-size: font-size ;
  • line-height: 行の高さ
  • font-family: font-family ;
  • カラー: カラー ;
  • 引用符: なし|文字列|初期|継承 ;
  • font-stretch: font-stretch ;
  • text-align: text-align ;
  • テキストインデント: 長さ|初期|継承 ;
  • テキストオーバーフロー: クリップ|省略記号|文字列|初期|継承 ;
  • テキスト変換: なし|大文字|大文字|小文字|初期|継承 ;
  • text-shadow: h-shadow v-shadow blur-radiusカラー| none | initial |継承 ;
  • font-size-adjust: number | none | initial |継承;
  • フォントストレッチ: 超凝縮|凝縮|凝縮|半凝縮|通常|半膨張|膨張|超膨張|超膨張|初期|継承;
  • ハイフン: なし|マニュアル|自動 ;
  • tab-size: number | length | initial |継承します。
  • 文字間隔: normal | length | initial |継承 ;
  • 単語間隔: normal | length | initial |継承 ;

パラメーター

パラメータ詳細
フォントスタイル italicsoblique
フォントバリアント normalまたはsmall-caps
フォントウェイト normalboldまたは100から900までの数値です。
フォントサイズ %pxem 、またはその他の有効なCSS測定値で指定されたフォントサイズ
行の高さ %pxem 、または他の有効なCSS測定値で与えられた行の高さ
フォントファミリー これは、家族の名前を定義するためのものです。
red#00FF00hsl(240, 100%, 50%)などの有効なCSSカラー表現
フォントストレッチ フォントからの顔の拡大または拡大を使用するかどうか。有効な値は、 normalultra-condensed extra-condensedcondensedsemi-condensedsemi-expandedexpandedultra-expanded extra-expandedまたはultra-expanded
テキスト整列 startendleftrightcenterjustifymatch-parent
テキスト装飾 noneunderlineoverlineline-throughinitialinherit ;

備考

  • text-shadowプロパティは、Internet Explorerのバージョンが10未満ではサポートされていません。

タイポグラフィ 関連する例