CSS word-spaceing 英文の単語の間隔を指定する

環境
Windows 10 Home 64bit
Google Chrome 110.0.5481.105(Official Build)

構文
word-spaceing : 値
値は、数値 + 単位を指定します。
word-spaceingは、単語の間隔を指定します。

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html>
<head>
<style>
.pA {
word-spacing: 10px;
}
</style>
</head>
<body>
<p class="pA">This is a pen.</p>
<p class="pA">Thisisapen.</p>
</body>
</html>
<!DOCTYPE html> <html> <head> <style> .pA { word-spacing: 10px; } </style> </head> <body> <p class="pA">This is a pen.</p> <p class="pA">Thisisapen.</p> </body> </html>
<!DOCTYPE html>
<html>
<head>
<style>
  .pA {
    word-spacing: 10px;
  }
</style>
</head>
<body>

<p class="pA">This is a pen.</p>
<p class="pA">Thisisapen.</p>
 

</body>
</html>

結果
英文の単語の間隔が10pxになります。

CSS

Posted by arkgame