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，它让你可以改变 空白符的行为，强制文字在它被用到的地方断行。通过设置值为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
投稿猜你喜欢
- python除了关键字（keywords）和内置的类型和函数（builtins）,更多的功能是通过libraries（即modules）来提
后台管理配置动态路由菜单前段时间做一个后台管理项目，因为超级管理员可以给普通管理员动态更改权限，所以vue-element-admin里的写- 故障描述percona5.6，mysqldump全备份，导入备份数据时报错Duplicate entry 'hoc_log99-it
- 示例matplotlib中的animation提供了动态绘图功能，下面列举一个最简单的动态绘制三角函数的例子，来初步演示一下。import
- 挂载全局方法使用jsencrypt进行rsa加密原文链接：Js参数RSA加密传输，jsencrypt.js的使用 *https://www.
- 这篇文章主要介绍了python装饰器使用实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以
- theme: channing-cyan网页伪静态将 * 页伪装成静态网页，可以提升网页被搜索引擎检索道德概率表现形式为：网址看着像是一个具
- Python中实现socket通信的服务端比较复杂，而客户端非常简单，所以客户端基本上都是用sockct模块实现，而服务 端用有很多模块可以
- key123456value25201510530字典P={1:10,2:25,3:5,4:15,5:20,6:30}有以下3种迭代器:P.
- 从内部架构和理念划分，目前JavaScript框架可以划分为5类。第一种是以命名空间为导向的类库或框架，如果创建一个数组用new Array
- 配置可能会随官方改变，本文仅供参考。1.下载安装GO的包到https://code.google.com/p/go/downloads/li
- 回顾 MySQL / InnoDB 的改善历史。你能很容易发现。在MySQL 5.6稳定版本中从来没有在read-only 这么
- 我们已经知道，null 没有任何的属性值，并且无法获取其实体（existence）值。所以 null.property 返回的是错误（err
- 本文实例讲述了wxPython定时器wx.Timer简单应用。分享给大家供大家参考。具体如下：# -*- coding: utf-8 -*-
- 前言分析目标网站的登录方式目标地址： https://github.com/login 登录方式做出分析：
- 本文实例讲述了Python图像处理之gif动态图的解析与合成操作。分享给大家供大家参考，具体如下：gif动态图是在现在已经司空见惯，朋友圈里
- 如何在 git 中取消 pycache 文件如果使用 PyCharm 运行代码，会在 Python 脚本所在目录生成 __pycache__
- IE8 的测试版发布，ACID 3 测试正式推出，听上去是让人兴奋的技术进步，而对中文互联网站却是极大的威胁：这意味着，超过半数的中文网页在
- 本文实例为大家分享了vuex实现购物车功能的具体代码，供大家参考，具体内容如下文件目录如下：购物车组件<template> &n
- 在刚过去不久的6月30日那天，国外一位在YouTube拥有上千万粉丝的我的世界游戏主播Technoblade因癌症与世长辞，年仅23岁，他并
