ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで単語の間隔を制御する方法

CSSで単語の間隔を制御する方法

王林
王林オリジナル
2020-11-11 10:43:314117ブラウズ

CSS で単語の間隔を制御する方法は、[h1 {letter-spacing:2px;}] などの、letter-spacing 属性を使用して制御することです。文字間隔プロパティは、文字間の間隔 (文字間隔) を増減するために使用されます。

CSSで単語の間隔を制御する方法

このチュートリアルの動作環境: Windows 10 システム、CSS3、この記事はすべてのブランドのコンピューターに適用されます。

属性の概要:

letter-spacing 属性は、文字間のスペース (文字間隔) を増減します

(学習ビデオの推奨事項: Java ビデオ チュートリアル )

属性値:

normal デフォルト。文字間に余分なスペースを入れないことを指定します。

length 文字間の固定スペースを定義します (負の値が許可されます)。

inherit 文字間隔属性の値を親要素から継承することを指定します。

コード例:

h1 要素と h2 要素の文字間隔の設定:

h1 
{
letter-spacing:2px;
}
h2 
{
letter-spacing:-3px;
}

結果:

CSSで単語の間隔を制御する方法

関連する推奨事項: CSS チュートリアル #

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。