CSS text-underline-position 屬性
示例
設定下劃線文字修飾的位置
div.a {
text-decoration: underline;
text-underline-position: auto;
}
div.b {
text-decoration: underline;
text-underline-position: under;
}
自己動手試一試 »
定義和用法
text-underline-position 屬性指定下劃線文字修飾的位置。
| 預設值 | auto |
|---|---|
| 繼承 | 是 |
| 可動畫 | 否。 閱讀關於可動畫屬性 |
| 版本 | CSS3 |
| JavaScript 語法 | object.style.textUnderlinePosition="under" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| text-underline-position | 33.0 | 79.0 | 74.0 | 12.1 | 20.0 |
CSS 語法
text-underline-position: auto|under|from-font|left|right|initial|inherit;
屬性值
| 值 | 描述 | 試一試 |
|---|---|---|
| auto | 預設值。瀏覽器設定下劃線的位置 | 演示 ❯ |
| under | 將下劃線設定在字母基線下 | 演示 ❯ |
| from-font | 如果字型檔案包含下劃線位置資訊，則使用該值。否則，使用 auto | |
| left | 在垂直書寫模式下，下劃線將放置在文字的左側。在水平書寫模式下，下劃線將按 auto 值設定。 | |
| right | 在垂直書寫模式下，下劃線將放置在文字的右側。在水平書寫模式下，下劃線將按 auto 值設定。 | |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程：CSS 文字裝飾
HTML DOM 參考：textDecoration 屬性
