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

文字間隔を設定するためにCSSで使用する測定単位

CSSで文字間隔を設定するには、em測定単位を使用します。

フォントの高さの相対的な測定値はemスペースです。 em単位は特定のフォントのサイズに相当するため、フォントを12ptに割り当てると、各「em」単位は12ptになります。したがって、2emは24ptになります。

例

次のコードを実行して、CSSを使用して文字間隔を設定してみてください。

<html>
   <head>
   </head>
   <body>
      <div style = "position:relative;left:90px;top:3px;background-color:yellow;letter-spacing: 2em;">
         This div has relative positioning.
      </div>
   </body>
</html>

  1. CSSを使用した文字間隔

    文字、つまり文字の間にスペースを設定するには、文字間隔プロパティを使用します。プロパティ値は次のとおりです- letter-spacing: normal|length|initial|inherit; 例 <!DOCTYPE html> <html> <head> <style> p.demo1 {    letter-spacing: 1px; } p.demo2 {    letter-spacing: 10px; } </style> </head> <body>

  2. CSSの文字間隔

    文字間のスペースは、CSSの文字間隔プロパティを使用して調整できます。 CSSの文字間隔プロパティの構文は次のとおりです- 構文 Selector {    letter-spacing: /*value*/ } 次の例は、CSSの文字間隔プロパティ-を示しています。 例 <!DOCTYPE html> <html> <head> <style> div {    box-shadow: 0 -10px 0 1px lightpink; } li {    letter-spacing