TECH I.S.

CSS フォント プロパティ


CSS フォント プロパティ

コードを短くするために、個々のフォント プロパティをすべて 1 つのプロパティで指定することもできます。

fontプロパティは、次の省略形のプロパティです。

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

ノート:font-sizefont-family値が必要です。他の値のいずれかが欠落している場合、それらのデフォルト値が使用されます。

使用font1 つの宣言で複数のフォント プロパティを設定するには、次のようにします。

p.a {   font: 20px Arial, sans-serif; } p.b {   font: italic small-caps bold 12px/30px Georgia, serif; }

自分で試してみる »


演習で自分自身をテストする

エクササイズ:

<h1> のフォントを「Verdana」に設定します。

<style>h1 {  : Verdana;}</style>    <body>  <h1>This is a heading</h1>  <p>This is a paragraph</p></body></pre>

演習を開始する


すべての CSS フォント プロパティ

財産

説明

フォント 1 つの宣言ですべてのフォント プロパティを設定します
フォントファミリー テキストのフォント ファミリを指定します
フォントサイズ テキストのフォント サイズを指定します
フォントスタイル テキストのフォント スタイルを指定します
フォントバリアント テキストをスモール キャップス フォントで表示するかどうかを指定します
フォントの太さ フォントの太さを指定します


プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細