text-underline-offset属性值的含义

更新时间:2022-06-10 16:44:40 来源:青锋建站 作者:青锋建站
  text-underline-offset CSS属性设置下划线文本装饰线(使用文本装饰应用)与其原始位置的偏移距离。text-underline-offset 不是文本装饰速记的一部分。虽然一个元素可以有多个文本装饰线,但文本下划线的偏移量只影响下划线,而不影响其他可能的线装饰选项,如超线或贯穿线。以下是青锋建站给大家分享的text-underline-offset 的属性与使用说明。

text-underline-offset 语法

/* Single keyword */
text-underline-offset: auto;
/* length */
text-underline-offset: 0.1em;
text-underline-offset: 3px;
/* percentage */
text-underline-offset: 20%;
/* Global values */
text-underline-offset: inherit;
text-underline-offset: initial;
text-underline-offset: revert;
text-underline-offset: revert-layer;
text-underline-offset: unset;
文本下划线偏移量属性被指定为下面列表中的单个值。

text-underline-offset 属性的含义

auto
  浏览器会为下划线选择适当的偏移量。
<length>
  指定下划线的偏移量作为<length>,覆盖字体文件建议和浏览器默认值。建议使用em单位,使偏移量随字体大小而缩放。
<percentage>
  指定下划线的偏移量为<percentage> of 1 em 在元素字体中。百分比作为相对值继承,因此会随着字体的变化而变化。对于此属性的给定应用程序,跨下划线应用于的整个框的偏移量是恒定的,即使有具有不同字体大小或垂直对齐的子元素。
  以上就是青锋建站给大家分享的text-underline-offset 的属性的含义和使用讲法,青锋建站承接网站建设服务,包括织梦建站,phpcms建站,wordpress建站,CMS系统开发,SEO网站优化,网络营销推广,企业邮箱,400电话。

转载请注明来源网址:青锋建站-http://www.sjzphp.com/kaifazhe/wordpress/text_underline_offset.html

电话 15632335515 | 邮箱 943703539@qq.com | QQ 943703539 | 微信 qingfengjianzhan

Copyright © 2016-2026 青锋建站 版权所有