CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSを使用してemでフォントサイズを設定する

フォントサイズをピクセルで設定するには、 emを使用します ユニット、 font-size プロパティ。

1em = 16px

例

次のコードを実行して、emでフォントサイズを設定してみてください

<!DOCTYPE html>
<html>
   <head>
      <style>
         h1 {
            /* 30px/16 = 1.875em */
            font-size: 1.875em;
         }
      </style>
   </head>
   <body>
      <h1>This is demo heading</h1>
      <p>This is demo text.</p>
   </body>
</html>

  1. CSSを使用したキーワードによるフォントサイズの設定

    CSSのfont-sizeプロパティは、絶対キーワードと相対キーワードで設定できます。これにより、テキストが必要に応じて拡大縮小されます。 構文 CSSfont-sizeプロパティの構文は次のとおりです- Selector {    font-size: /*value*/ } 次の表に、CSSで使用される標準キーワードを示します- Sr.No 値と説明 1 中 フォントサイズを中サイズに設定します。これはデフォルトです 2 xx-小さい font-sizeをxx-smallサイズに設定します 3 x-small

  2. CSSのフォントサイズ

    CSS font-sizeプロパティは、フォントのサイズを設定するために使用されます。値は、パーセンテージ、ピクセル、cm、ポイント、emなどの単位、および絶対キーワードで指定できます。相対値はアクセシビリティを最大化します。デフォルトのフォントサイズは16pxまたは12ptです。 構文 CSSfont-sizeプロパティの構文は次のとおりです- Selector {    font-size: /*value*/ } 次の例は、CSSのfont-sizeプロパティ-を示しています。 例 <!DOCTYPE html> <html> <he