ホームページ >ウェブフロントエンド >フロントエンドQ&A >フォントを変更するCSSのプロパティは何ですか?

フォントを変更するCSSのプロパティは何ですか?

青灯夜游
青灯夜游オリジナル
2021-07-07 15:58:474320ブラウズ

css はフォントの属性を変更します: font、font-family、font-size、font-style、font-variant、font-weight、"@font-face"、font-size-adjust、font -ストレッチ待機。

フォントを変更するCSSのプロパティは何ですか?

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

css はフォントの属性を変更します

##AttributesDescriptionfontすべてのフォント プロパティを 1 つのステートメントで設定しますfont-familyフォント ファミリーを指定しますtext#font-sizeテキストのフォント サイズを指定しますfont-styleテキストのフォントを指定します。 Stylefont-variant テキストのフォント スタイルを指定します。font-weight フォントを指定します。 @font-faceのウェイトを指定します。Web サイトが「Web セーフ」以外のフォントをダウンロードして使用することを許可するルールです。 " fontsfont-size-adjust要素のアスペクト値を指定します##font-stretchcolor
現在のフォント ファミリーを縮小または拡大する
フォント テキストの色を設定します
font-style プロパティ:

font-style 属性は、テキストのフォント スタイルを指定します。

値 normalitalic#obliqueブラウザには斜体のフォント スタイルが表示されます。 font-variant プロパティ:
説明
デフォルト値。ブラウザには標準のフォント スタイルが表示されます。
ブラウザには斜体のフォント スタイルが表示されます。

font-variant プロパティは、テキストを小文字で表示するためのフォントを設定します。つまり、すべての小文字は大文字に変換されますが、小文字のすべての文字は、テキストの残りの部分に比べてフォント サイズが小さくなります。

値 説明 normalデフォルト値。ブラウザには標準フォントが表示されます。 small-capsブラウザには小さな大文字のフォントが表示されます。 #font-weight 属性:

#font-weight 属性はテキストの太さを設定します

#値

説明normalデフォルト値。標準文字を定義します。 bold 太字を定義します。 bolder太字の文字を定義します。 #100200300color プロパティ: Color プロパティは、テキストの色を指定します。
#lighter より細かい文字を定義します。
    400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 細い文字から太い文字まで定義します。 400 は標準、700 は太字に相当します。

#値

説明

##色の名前赤、青、茶色、ライトシーグリーンなどの色の名前は、大文字と小文字が区別されません。 16 進記号 #RRGGBB および #RGB (例: #ff0000)。 「#」の後に 6 文字または 3 文字の 16 進文字 (0 ~ 9、A ~ F) が続きます。 カラー値を RGB コードの色として指定します。関数の形式は次のとおりです。 rgb(R,G,B)。値は 0 ~ 255 の整数またはパーセンテージです。 RGBa は、RGB カラー モードを拡張してアルファ チャネルを含め、セットを可能にします。色の透明度。 a は透明度を表します: 0=透明、1=不透明。 Hue (色相) はカラー サークルを表します (つまり、虹はリングの角度を表します)。 100% は完全な彩度、0% はグレースケールです。 明度 100% は白、明度 0% は黒、明度 50% は「標準」です。

(学習ビデオ共有: css ビデオ チュートリアル )

Hex
RGB、赤緑青 (RGB)
RGBA、赤-緑-青-アルファ (RGBa)
HSL、色相-彩度-明度 (色相-彩度-明度) 彩度と明るさはパーセンテージで表されます。
HSLA、色相-彩度-明度-アルファ (HSLa)


HSLa は HSL カラー モードから拡張され、アルファ チャネルが含まれます色の透明度を指定できます。 a は透明度を表します: 0=透明、1=不透明。

以上がフォントを変更するCSSのプロパティは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。