CSS の word-spacing 属性を使用するにはどうすればよいですか?-CSSチュートリアル-php.cn

CSS の word-spacing 属性を使用するにはどうすればよいですか?

青灯夜游

リリース： 2020-09-08 14:36:37

オリジナル

5493 人が閲覧しました

CSS の word-spacing プロパティは、単語間または単語間のスペースを設定するために使用されます。負の値を設定すると、単語間のスペースが減り、それ以外の場合はスペースが増加します。

CSS の word-spacing 属性を使用するにはどうすればよいですか?

#CSS 単語間隔プロパティ

関数: word -spacing 属性は、単語間のスペースを増減します。負の長さの値を指定できるようにします。これにより、単語が互いに詰め込まれます。

説明: word-spacing 属性は、要素内の単語の間に挿入される空白文字の数を定義します。この属性では、「word」は空白で囲まれた文字列として定義されます。

構文:

word-spacing:normal|length;

ログイン後にコピー

normal: デフォルト値。単語間の標準的なスペースを定義します。これは、0 に設定するのと同じです。

length: 単語間の固定スペースを定義します。これにより、単語間の通常の間隔が調整されます。

注: 負の値も許可されます。単語間隔の特性を利用して、単語の間隔が広すぎる文書を作成する可能性があるため、単語間隔を使用する場合は注意してください。

#CSS の単語間隔属性の使用例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style type="text/css">
p.spread {word-spacing: 20px;}
p.tight {word-spacing: -0.5em;}
</style>
</head>
<body>
<p class="spread">This is some text. This is some text.</p>
<p class="tight">This is some text. This is some text.</p>
</body>
</html>

ログイン後にコピー

レンダリング:

この記事の参照先: CSS の word-spacing 属性を使用するにはどうすればよいですか? https://www.html.cn/book/css/properties/text/word-spacing.htm