ホームページ > ウェブフロントエンド > htmlチュートリアル > htmlフォントタグの文字の太さを設定する方法、フォントタグのフォントスタイルまとめ

htmlフォントタグの文字の太さを設定する方法、フォントタグのフォントスタイルまとめ

寻∝梦
リリース: 2018-09-01 11:08:15
オリジナル
25160 人が閲覧しました

この記事では、HTML font タグのフォントの太さの設定と、HTML font タグのスタイルの概要について説明します。今すぐこの記事を読んでみてください。

まず、HTML フォント タグのフォントの太さを設定する方法について説明します。

これから説明するのは、基本的な CSS スタイルに関するものです。コードを見てみましょう。例

font-weight フォントのウェイト
  • font-weight:normal,bold,bolder,lighter,100-900;
    ログイン後にコピー

    これらを CSS スタイルに追加すると、フォントのウェイトを 100 から 900 の範囲で正常に設定できます。全て設定可能です。

それでは、フォント タグのスタイルの概要を見てみましょう:

フォント タグに関連する CSS スタイル属性:

font-family フォントを定義します:
  • font-family:"微软雅黑","arial";
    ログイン後にコピー

font-size フォント サイズ:
  • font-size:18px;
    font-size:150%;
    font-size:xx-small,x-small,small,medium,large,x-large,xx-large;
    font-size:smaller,larger;
    ログイン後にコピー

font-style フォント スタイル:
  • font-style:normal,italic,oblique;
    ログイン後にコピー

font-variant は入力に大文字と小文字を区別しません
  • font-variant: normal,small-caps;
    ログイン後にコピー

最後に、フォント属性:
  • font:  bold italic 18px  arial ;
    ログイン後にコピー

    font 省略表現プロパティは、1 つの宣言ですべてのフォント プロパティを設定します。
注: このプロパティには 6 番目の値「line-height」もあり、行間隔を設定できます。

HTML フォント タグに関する注意事項:

この短縮属性は、要素のフォントの 2 つ以上の側面を一度に設定するために使用されます。アイコンなどのキーワードを使用して、ユーザーのコンピューター環境の側面に合わせて要素のフォントを適切に設定します。これらのキーワードを使用しない場合は、少なくともフォント サイズとフォント ファミリーを指定する必要があることに注意してください。

font:100% verdana など、いずれかの値を設定することはできません。設定されていないプロパティには、デフォルト値が使用されます。

htmlフォントタグの文字の太さを設定する方法、フォントタグのフォントスタイルまとめHTMLフォントタグの可能な値について:

それでは、この記事は終わりました。質問がある場合は、以下で質問してくださいhtmlフォントタグの文字の太さを設定する方法、フォントタグのフォントスタイルまとめ

【編集者のおすすめ】

HTML5 メータータグは何を意味しますか? meterタグの使い方を詳しく解説


html selectタグをデフォルトで選択するには? selectタグの使い方の紹介

以上がhtmlフォントタグの文字の太さを設定する方法、フォントタグのフォントスタイルまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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