ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS の word-spacing 属性を使用するにはどうすればよいですか?
CSS の word-spacing 属性を使用するにはどうすればよいですか?
- 青灯夜游オリジナル
- 2019-02-21 14:36:095513ブラウズ
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>レンダリング:
この記事の参照先: 
https://www.html.cn/book/css/properties/text/word-spacing.htm
以上がCSS の word-spacing 属性を使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。