CSSの文字間隔を設定する方法

CSS では、文字間隔は、letter-spacing 属性を使用し、構文形式「letter-spacing: spacing value;」で設定できます。 Letter-spacing 属性は、文字間のスペースを増減できます。負の値も許可されます。これにより、文字間のスペースが減少し、文字が狭くなります。

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

CSS では、letter-spacing 属性を使用して文字間隔を設定できます。

letter-spacing プロパティは、文字間の間隔 (文字間隔) を増減できます。負の値も許可されます。これにより、文字が互いに近づけられます。

例:

<p>这是正常的字符间距</p>
<p style="letter-spacing:10px;">这是加宽10px字符间距</p>
<p style="letter-spacing:-10px;">这是缩减3px字符间距</p>

説明:

letter-spacing 属性は、文字または漢字間の距離を増減するために使用されます。デフォルト値は 0 です。この属性は、正の長さ値または負の長さ値を受け入れます。正の長さ値を設定すると、文字間のスペースが増加します。負の長さの値を設定すると、文字間のスペースが減少し、文字が密集することが可能になります。重なっても。

詩など、単語数は少ないが強調する必要があるコンテンツの場合、必要に応じて適切な文字間隔を増やすことで、コンテンツを少しまばらにしてより美しくすることができます。たとえば、次の古代の詩の場合:

<h1 id="静夜思">静夜思</h1>
<h2 id="唐-李白">唐•李白</h2>
<p>床前明月光，疑是地上霜。</p>
<p>举头望明月，低头思故乡。</p>

h1 タイトルと本文の内容をまばらで明確にしたい場合は、letter-spacing 属性を使用してこれを実現できます。 CSS コードは次のとおりです:

h1 {
 letter-spacing: 10px;
}
p {
 letter-spacing: 3px;
}

(学習ビデオ共有: css ビデオ チュートリアル )

以上がCSSの文字間隔を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。