CSS text-underline-position 属性

定義和用法

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|under|from-font|left|right|initial|inherit;

值	描述
auto	默認值。瀏覽器設定下劃線的位置。
under	將下劃線設定在字母基線下方。
from-font	如果字體文件包含關於下劃線位置的信息，則使用該值。否則，使用 auto。
left	在垂直書寫模式下，下劃線將放置在文本的左側。在水平書寫模式下，下劃線將按照 auto 放置。
right	在垂直書寫模式下，下劃線將放置在文本的右側。在水平書寫模式下，下劃線將按照 auto 放置。
initial	將此屬性設定為其默認值。參閱 initial。
inherit	從其父元素繼承此屬性。參閱 inherit。

默認值：	auto
繼承性：	yes
動畫製作：	不支持。請參閱：動畫相關屬性。
版本：	CSS3
JavaScript 語法：	object.style.textUnderlinePosition="under"

表格中的數字表示首個完全支持該屬性的瀏覽器版本。

Chrome	Edge	Firefox	Safari	Opera
33.0	79.0	74.0	12.1	20.0