単語の間隔を設定する CSS3 スタイルとは何ですか?

単語間隔を設定するための CSS3 スタイルは、「word-spacing: word spacing value;」です。「word-spacing」属性は単語間の間隔を増減するために使用されるため、単語間の間隔を設定できます。間隔は負の値に設定することもできます。

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

単語の間隔を設定するための CSS3 スタイルとは何ですか?

英語の Web ページを作成するとき、英語の紹介文にある単語など、単語間に間隔をあけたい場合、どうすれば実現できますか? ?これを設定するには word-spacing 属性を使用する必要があります。

新しい HTML Web ページ ファイルを作成し、test.html という名前を付けます。次に、test.html ファイルを使用して、CSS で単語の間隔を設定する方法を説明します。 div タグを使用して「CSS で単語間隔を設定する方法」というテキスト行を作成し、テキストの内容を英語「CSS で単語間隔を設定する方法」に翻訳します。 div タグにスタイルを追加し、div タグの class 属性を mybkkd に設定します。

##css スタイル タグを記述すると、タグ内に mybkkd スタイルが記述されます。

div タグのクラス属性 mybkkd を通じてテキスト間の距離を設定します。括弧内では、mybkkd の div は css 属性スタイルを word-spacing:8px; に設定し、単語間隔は 8px

ブラウザで test.html を参照し、効果が得られるかどうか。

注意事項

1. test.html ページを作成します。

2. test.html で、div タグを使用してテキスト行を作成し、スタイル名を追加します。

3. CSS で、mybkkd のスタイルを word-spacing:8px に設定します。単語間隔は 8px

4. Word-spacing は英語の単語間隔に対してのみ機能しますが、中国語では機能しません。単語間に間隔をあけたい場合は、letter-spacing 属性を使用します。

5. Word-spacing は英語の単語間の間隔であり、letter-spacing は単語間の間隔であり、中国語と英語の両方で機能します。

(学習ビデオ共有:

css ビデオ チュートリアル)

以上が単語の間隔を設定する CSS3 スタイルとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。