温馨提示×

line-height在CSS3中有哪些新特性

小樊
84
2024-06-19 01:54:56
栏目: 编程语言
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

在CSS3中,line-height可以使用以下新特性:

  1. 使用数字值来设置行高,如line-height: 1.5;,表示行高为字体大小的1.5倍。
  2. 使用百分比值来设置行高,如line-height: 150%;,表示行高为字体大小的150%。
  3. 使用em单位来设置行高,如line-height: 1.5em;,表示行高为字体大小的1.5倍。
  4. 使用rem单位来设置行高,如line-height: 1.5rem;,表示行高为根元素字体大小的1.5倍。
  5. 使用calc()函数来设置行高,如line-height: calc(1em + 20px);,表示行高为字体大小的1em加上20像素。
  6. 使用inherit关键字来继承父元素的行高属性,如line-height: inherit;。

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:CSS中line-height属性有什么作用

0