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

CSSで文字の間隔を制御する

フォントカーニングを使用する 文字をWebページに配置する方法を制御するプロパティ。次のコードを実行して、フォントカーニングプロパティを実装してみてください

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            font-kerning: normal;
         }
      </style>
   </head>
   <body>
      <div class = "demo">This is demo text.</div>
   </body>
</html>

  1. CSSフォントスタイルプロパティの使用方法

    CSS font-styleプロパティを使用すると、テキストに3つの異なるフォントタイプ（スタイル）を適用できます。通常、斜体、斜体です。 .normal{ font-style: normal; } .italic { font-style: italic; } .oblique { font-style: oblique; } normal ：は、通常のテキストに使用されるデフォルトのローマン/通常のフォントスタイルです。 italic ：強調のために使用される、少し右に傾斜したフォントです。 oblique ：強調のために使用される、少し右に傾斜したフォントです。

  2. CSSの文字間隔プロパティを使用して文字間にスペースを設定する

    CSSの文字間隔プロパティを使用して、テキストの文字間のスペースの量を指定できます。 例 次の例は、CSSの文字間隔プロパティを示しています。 <!DOCTYPE html> <html> <head> <style> p:first-of-type {    margin: 3%;    padding: 3%;    background-color: seagreen;    color: white;    letter-spacing: