English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考マニュアル

CSS @ルール(RULES)

CSS 属性全書

CSS letter-spacing 属性の使用方法と例

letter-spacing CSS属性は、要素のテキストの文字間の追加スペースを設定します。

以下の表は、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでの使用構文を示しています。

デフォルト値:normal
適用範囲:すべての要素。これも適用されます。:: first-letterおよび:: first-line
継承:
アニメーション可能:は。参照してください: アニメーション属性
バージョン:CSS 1、2、3
JavaScript 構文:object.style.letterSpacing="5px"

letter-spacingの使用構文

この属性の構文は以下の通りです:

letter-spacing: length | normal | initial | inherit

以下の例では、letter spacingの使用方法を示しています。-spacing属性。

  h1 {
   letter-spacing: -3px;
  }
  p {
   letter-spacing: 15px;
  }
テストをしてみて‹/›

注:letter-spacing属性、正常値は長さ値0に等しくありません。正常値が値の場合、ブラウザはスペースを調整してテキストをアライメントすることができます;値が0の場合、アライメントはできません。

属性値

以下の表は、この属性の値を説明しています。

説明
normalスペースは現在のフォントの通常のスペースです。このスペースはブラウザによって調整され、テキストをアライメントするために使用されます。これはデフォルトの値です。
length長さ値は、デフォルトの文字間のスペースに加えて、文字間に挿入される追加のスペースを指定します。ブラウザは、テキストをアライメントするためにこのスペースを調整することができません。
initialこの属性をデフォルト値に設定します。
inherit指定された場合、関連する要素は親要素のletter spacingを使用します。-spacingの属性値。

ブラウザの互換性

etter-spacing属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョン番号を示します;すべての主要ブラウザはこの属性をサポートしています。

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3。5+

さらに詳しく

以下のチュートリアルを参照してください:CSS Text

関連属性:white-spaceword-spacing