例
以下のための文字間隔を設定し<h1>や<h2>要素を:
h1 {
letter-spacing: 2px;
}
h2 {
letter-spacing: -3px;
}
»それを自分で試してみてください 定義と使用法
手紙-spacingプロパティが増大したり、テキストの文字の間にスペースを減少させます。
デフォルト値: | normal |
---|---|
継承されました: | yes |
アニメーション: | yes. Read about animatable Try it |
バージョン: | CSS1 |
JavaScriptシンタックス: | object .style.letterSpacing="3px" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
letter-spacing | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSSの構文
letter-spacing: normal|length|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
normal | 文字間の余分なスペースがありません。 これがデフォルトです | それを再生します» |
length | (負の値が許可される)文字間の余分なスペースを定義します | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル: CSSテキスト
HTML DOMリファレンス: letterSpacing property