DevShelf

Appearance

text-underline-offset ​

描述 ​

text-underline-offset CSS 属性设置下划线文本装饰线（使用 text-decoration 应用）相对于其原始位置的偏移距离。

效果展示 ​

语法 ​

css
/* Single keyword */
text-underline-offset: auto;

/* length */
text-underline-offset: 0.1em;
text-underline-offset: 3px;

/* percentage */
text-underline-offset: 20%;

值 ​

  • auto 浏览器为下划线选择适当的偏移量。
  • <length> 将下划线的偏移指定为 <length> ，覆盖字体文件建议和浏览器默认值。建议使用 em 单位，以便偏移量随字体大小缩放。
  • <percentage> 将下划线的偏移量指定为元素字体中 1 em 的 <percentage> 。百分比作为相对值继承，因此会随着字体的变化而缩放。对于此属性的给定应用程序，即使存在具有不同字体大小或垂直对齐方式的子元素，下划线所应用的整个框的偏移量也是恒定的。