网络编程
位置:首页>> 网络编程>> 网页设计>> CSS的未来:一些试验性CSS属性(2)

CSS的未来:一些试验性CSS属性(2)

作者:vocal 来源:前端观察 发布时间:2011-06-10 13:20:00 

标签:css,属性

-webkit-text-stroke

CSS边框的一个不足就是只有矩形的元素才能使用。-webkit-text-stroke可以为文字添加边框。它不但可以设置文字边框的宽度,也能设置其颜色。而且,配合使用color: transparent属性,你还可以创建镂空的字体!

示例

为所有的<h1>标题设定一个2px宽的蓝色边框:

h1 {-webkit-text-stroke: 2px blue}

另一个特性是,通过设定1px的透明边框,可以让文字变得平滑:

h2 {-webkit-text-stroke: 1px transparent}

创建红色镂空字体:

h3 {
color: transparent;
-webkit-text-stroke: 4px red;
}

扩展阅读: Safari Developer Library

-webkit-nbsp-mode

换行有时是很棘手的事情:有时你希望文字在适当的地方断行(而不是折行),有时你又不想这样。一个能控制这个的属性就是-webkit-nbsp-mode,它让你可以改变&nbsp;空白符的行为,强制文字在它被用到的地方断行。通过设置值为space即可实现。

扩展阅读: Safari Developer Library

-webkit-tap-highlight-color

这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。

想要禁用这个高亮,设置颜色的alpha值为0即可。

示例

设置高亮色为50%透明的红色:

-webkit-tap-highlight-color: rgba(255,0,0,0.5);

浏览器支持: 只有iOS(iPhone和iPad).

扩展阅读: Safari Developer Library

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com