html a text decoration,你未必知道的CSS小知识：text-decoration属性变成了属性简写

我相信有些小知识会让你大吃一惊。

跟着最新的CSS规范，text-decoration现在的写法是这样的：

a {

text-decoration: overline aqua wavy;

}

text-decoration属性现在需要用三种属性值来表示了：text-decoration-line, text-decoration-color, and text-decoration-style.

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

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

HTML代码

IT'S LIKE WATER, PEOPLE

(You should see a wavy line on top. Currently works only in Firefox)

CSS代码

body {

padding: 30px;

text-align: center;

font-family: Arial, sans-serif;

}

a, a:visited {

color: blue;

background: aqua;

-moz-text-decoration-color: aqua;

-moz-text-decoration-line: overline;

-moz-text-decoration-style: wavy;

text-decoration-color: aqua;

text-decoration-line: overline;

text-decoration-style: wavy;

}

演示

在这演示中，我们没有使用简写形式，而是分开描述每个属性。这是可以更好的保证浏览器的向后兼容，使那些目前不支持这种写法的浏览器也不受影响。

html a text decoration,你未必知道的CSS小知识：text-decoration属性变成了属性简写相关推荐

html 的empty属性,你未必知道的CSS小知识：你知道table里的empty-cells属性吗？
css里的empty-cells属性是所有浏览器都支持的,甚至包括IE8,它的用法是下面这个样子: table { empty-cells: hide; } 估计你从语义上已经猜出它的作用了.它是为H ...
css没有border,你未必知道的CSS小知识：为什么没有人使用border-image
之前我曾经写过一篇关于CSS的border-image属性的文章.现在几乎所有的现代浏览器都支持这个属性--除了IE10及以下IE版本. 看起来这是一个非常漂亮的CSS功能,它可以让你用图片修饰元素的 ...
html5boder属性,你未必知道的CSS小知识：border属性比你想象的要复杂
我们很多人都用过这样的写法: .example { border: solid 1px black; } 这里的border属性的用法实际上是一种简写的形式,它分别设置了border-style, b ...
html中word-wrap无效,你未必知道的CSS小知识：word-wrap和overflow-wrap是等效的
word-wrap并不是一个很常用的CSS属性,但在特定的环境中确实非常有用的.我们经常使用的一个例子是让页面中显示一个长url时换行,而不是撑破页面,下面是一个例子. HTML代码 supercal ...
10个你未必知道的CSS技巧与14种cssdiv中基本滤镜介绍
2019独角兽企业重金招聘Python工程师标准>>> 1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的: font-weight:bold; font-style:i ...
你未必知道的CSS故事：揭开leading的面纱
从传承说起作为网页排版语言,CSS跟其他专业或大众化的排版软件一样,同样植根于传统出版.传统出版,特别是铅活字印刷时代被称为"铅与火"的时代.而通过计算机软件排版印刷的时代,被称 ...
您未必知道的Css技巧
http://www.cnblogs.com/yukaizhao/archive/2007/04/12/css_tips.html 转载于:https://www.cnblogs.com/cry/ar ...
10年老司机，未必知道的IT基础知识
在各位小伙伴开始学习编程之前,掌握计算机基础知识十分重要. 今天小千给大家分享一些计算机基础知识及概念,希望对你有所帮助. 一.计算机的概念 Computer,全称电子计算机,俗称电脑.是一种能够按照 ...
android byte转string_唠点儿你不一定知道的Android小知识
本文作者作者:郑卫超链接: https://vchao.blog.csdn.net/article/details/104349868 本文由作者授权发布. 1. YYYY 和 yyyy 不一样 ...

html a text decoration,你未必知道的CSS小知识：text-decoration属性变成了属性简写

html a text decoration,你未必知道的CSS小知识：text-decoration属性变成了属性简写相关推荐

最新文章

热门文章