DevShelf

Appearance

text-underline-position ​

描述 ​

text-underline-position 属性设置元素上指定的下划线的位置。 （它不会影响祖先元素指定的下划线。）如果单独指定“left”或“right”，则也隐含“under”。

效果展示 ​

语法 ​

css
/* Single keyword */
text-underline-position: auto;
text-underline-position: under;
text-underline-position: left;
text-underline-position: right;

/* Multiple keywords */
text-underline-position: under left;
text-underline-position: right under;

值 ​

  • auto 用户代理使用自己的算法将该行放置在字母基线处或之下。
  • from-font 如果字体文件包含有关首选位置的信息，请使用该值。如果字体文件不包含此信息，则行为就像设置了 auto 一样，浏览器会选择适当的位置。
  • under 强制将线条设置在字母基线下方，且位置不会穿过任何下降部分。这对于确保大量使用下标的化学和数学公式的易读性很有用。
  • left 在垂直书写模式中，此关键字强制将行放置在文本的左侧。在水平书写模式中，它是 under 的同义词。
  • right 在垂直书写模式中，此关键字强制将行放置在文本的右侧。在水平书写模式中，它是 under 的同义词。