ホームページ > ウェブフロントエンド > フロントエンドQ&A > CSSで一般的に使用されるフォント属性は何ですか

CSSで一般的に使用されるフォント属性は何ですか

青灯夜游
リリース: 2021-12-09 14:26:44
オリジナル
15018 人が閲覧しました

CSS で一般的に使用されるフォント属性は次のとおりです: 1. "font-family" でフォントの種類を指定できます; 2. "font-size" でフォント サイズを設定できます; 3. "font-style" でフォントの種類を設定できます。フォント スタイル; 4.、「font-weight」; 5.「font-variant」; 6.「font」。

CSSで一般的に使用されるフォント属性は何ですか

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

css フォントのプロパティ

##font-stretch 現在のフォント ファミリーを縮小または拡大する3
プロパティ 説明 CSS
font すべてのフォント プロパティを 1 つのステートメントで設定します 1
font-family 指定しますテキストのフォント ファミリー 1
font-size テキストのフォント サイズを指定します 1
font-style テキストのフォント スタイルを指定します 1
#font-variant テキストのフォント スタイルを指定します 1
font-weight フォントの太さを指定します 1
@font-face Web サイトが「Web セーフ」フォント以外のフォントをダウンロードして使用することを許可するルール 3
font-size-adjust 要素のアスペクト値を指定します 3
次に、一般的に使用されるいくつかのフォント属性について詳しく説明します。

1. font-family

この属性は、Song、Hei、Official Script、Kai、Times New Roman などのテキストのフォント タイプを指定するために使用されます。等具体的な構文は次のとおりです。

{font-family:name;}
ログイン後にコピー

ここで、name はフォントの名前です。例:

{font-family: 宋体;}

2. font-size

この属性は、テキストのサイズ。具体的な構文形式は次のとおりです。

{font-size:数值  | xx-small | x-small | small | medium | large | x-large 
    | xx-large | larger | smaller | lentgth | inherit;}
ログイン後にコピー

これらのパラメータの意味は次のとおりです: ピクセル値、最小、小さい、小さい、標準、大きい、大きい、最大、相対フォント サイズ、相対フォント サイズ、パーセンテージ、継承。

3. font-style

この属性は、フォントのスタイル、つまりフォントの表示スタイルを定義するために使用されます。具体的な構文は次のとおりです。

{font-style: normal | intalic | oblique | inherit;}
ログイン後にコピー

属性値は、それぞれデフォルト値、斜体、斜体、継承を表します。

4. font-weight

この属性はフォントの太さを定義するために使用されます。具体的な構文は次のとおりです:

{font-weight: 100-900 | bold | bolder | lighter | normal;}
ログイン後にコピー

The属性値はそれぞれ、太字、太字、細字、デフォルトの数値を示します。

5. font-variant

このプロパティは、大文字のフォント表示を設定するために使用されます。具体的な構文形式は次のとおりです。

{font-variant: normal | small-caps | inherit;}
ログイン後にコピー

パラメータ値は、それぞれデフォルト値、小文字を表示するためのフォント、および継承を表します。

6. font

この属性は、フォントの複合属性であるテキスト フォントを定義するために、一度に複数の属性を使用できます。具体的な構文は次のとおりです:

{font: font-style | font-variant | font-weight | font-size | font-family;}
ログイン後にコピー

(学習ビデオ共有:

css ビデオ チュートリアル )

以上がCSSで一般的に使用されるフォント属性は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート