text-decoration-thickness下划线属性扩展

更新时间:2022-06-10 16:36:24 来源:青锋建站 作者:青锋建站
  text-decoration-thickness CSS属性设置在元素中的文字上使用的装饰线的笔画厚度,例如贯穿线、下划线或超线。以下是青锋建站给大家分享的如何text-decoration-thickness的属性与语法。

text-decoration-thickness语法

/* Single keyword */
text-decoration-thickness: auto;
text-decoration-thickness: from-font;
/* length */
text-decoration-thickness: 0.1em;
text-decoration-thickness: 3px;
/* percentage */
text-decoration-thickness: 10%;
/* Global values */
text-decoration-thickness: inherit;
text-decoration-thickness: initial;
text-decoration-thickness: revert;
text-decoration-thickness: revert-layer;
text-decoration-thickness: unset;

text-decoration-thickness属性值说明

auto
  浏览器会为文本装饰线选择适当的宽度。
from-font
  如果字体文件包含有关首选厚度的信息,请使用该值。如果字体文件不包含此信息,则表现为像设置了自动一样,浏览器选择适当的厚度。
<length>
  将文本装饰行的厚度指定为长度,以覆盖字体文件建议或浏览器默认值。 
<percentage>
  将文本装饰行的厚度指定为当前字体中1个字体的百分比。百分比作为相对值继承,因此会随着字体的变化而变化。浏览器必须至少使用1个设备像素。对于此属性的给定应用,其应用于的整个框的厚度是恒定的,即使有不同字体大小的子元素。   
  以上就是青锋建站给大家分享的text-decoration-thickness简介与使用,青锋建站承接网站建设服务,包括织梦建站,phpcms建站,wordpress建站,CMS系统开发,SEO网站优化,网络营销推广,企业邮箱,400电话。

转载请注明来源网址:青锋建站-http://www.sjzphp.com/cmsxitong/wordpressxt/text_decoration_thickness.html

地方分站

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

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