CSS letter-spacing 屬性 · W3School CSS 參考手冊

# CSS letter-spacing 屬性 ## 實例設置 h1 和 h2 元素的字母間距： ``` h1 {letter-spacing:2px} h2 {letter-spacing:-3px} ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 letter-spacing 屬性。注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 letter-spacing 屬性增加或減少字符間的空白（字符間距）。該屬性定義了在文本字符框之間插入多少空間。由于字符字形通常比其字符框要窄，指定長度值時，會調整字母之間通常的間隔。因此，normal 就相當于值為 0。注釋：允許使用負值，這會讓字母之間擠得更緊。 | 默認值： | normal | | --- | --- | | 繼承性： | yes | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.letterSpacing="3px" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | normal | 默認。規定字符間沒有額外的空間。 | | _length_ | 定義字符間的固定空間（允許使用負值）。 | | inherit | 規定應該從父元素繼承 letter-spacing 屬性的值。 | ## TIY 實例 [規定字符間距（字母間隔）](/tiy/t.asp?f=csse_letter-spacing) 本例演示如何增加或減少字符間距。 ``` <html> <head> <style type="text/css"> h1 {letter-spacing: -0.5em} h4 {letter-spacing: 20px} </style> </head> <body> <h1>This is header 1</h1> <h4>This is header 4</h4> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 文本](/css/css_text.asp "CSS 文本") HTML DOM 參考手冊：[letterSpacing 屬性](/jsref/prop_style_letterspacing.asp "HTML DOM letterSpacing 屬性")