「CSS」 letter-spacingで文字の間隔が18pxを指定するサンプル

2022年5月10日

書式
letter-spacing : 値
数値 + 単位
文字の間隔に数値+単位のスペースを追加します。
letter-spacingは、文字の間隔を指定します。
letter-spacing は CSS のプロパティで、テキストの水平方向の字間のスペースに関する挙動を設定します。

使用例

<!DOCTYPE html>

<html>

<head>

<style>

.cft {

/* 文字の間隔が18pxを指定 */

letter-spacing:18px;

border: 1px solid red;

width: 350px;

height: 30px;

background: SkyBlue;

}

</style>

</head>

<body>

<div class="cft">文字の間隔15pxです</div>

</body>

</html>

<!DOCTYPE html> <html> <head> <style> .cft { /* 文字の間隔が18pxを指定 */ letter-spacing:18px; border: 1px solid red; width: 350px; height: 30px; background: SkyBlue; } </style> </head> <body> <div class="cft">文字の間隔15pxです</div> </body> </html>

<!DOCTYPE html>
<html>
<head>
<style>
  .cft {
  /* 文字の間隔が18pxを指定 */
    letter-spacing:18px; 
    border: 1px solid red;
    width: 350px;
    height: 30px;
    background: SkyBlue;
  }
</style>
</head>

<body>
<div class="cft">文字の間隔15pxです</div>

</body>
</html>

結果
文字の間隔が18pxを指定します。

CSS

Posted by arkgame

関連投稿: