ITPub博客

首页 > 应用开发 > IT综合 > text-decoration属性变成了属性简写

text-decoration属性变成了属性简写

原创 IT综合 作者:jyb2014 时间:2014-07-31 14:55:57 0 删除 编辑
跟着最新的CSS规范,text-decoration现在的写法是这样的:

点击(此处)折叠或打开

  1. a {
  2.   text-decoration: overline aqua wavy;
  3. }
text-decoration属性现在需要用三种属性值来表示了:text-decoration-line, text-decoration-color, and text-decoration-style.


但不幸的是,目前只有火狐浏览器实现了对这些新属性的支持。


你可以用火狐浏览器试一试下面的演示:


HTML代码

点击(此处)折叠或打开

  1. <a href=\"#\" id=\"a\">IT\

点击(此处)折叠或打开

  1. body {
  2.   padding: 30px;
  3.   text-align: center;
  4.   font-family: Arial, sans-serif;
  5. }


  6. a, a:visited {
  7.   color: blue;
  8.   background: aqua;
  9.   -moz-text-decoration-color: aqua;
  10.   -moz-text-decoration-line: overline;
  11.   -moz-text-decoration-style: wavy;
  12.   text-decoration-color: aqua;
  13.   text-decoration-line: overline;
  14.   text-decoration-style: wavy;
  15. }


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/29753604/viewspace-1243145/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2014-07-15

  • 博文量
    101
  • 访问量
    196518