-webkit-text-stroke
CSS邊框的一個不足就是只有矩形的元素才能使用。-webkit-text-stroke可以為文字添加邊框。它不但可以設(shè)置文字邊框的寬度，也能設(shè)置其顏色。而且，配合使用color: transparent屬性，你還可以創(chuàng)建鏤空的字體！
示例
為所有的<h1>標(biāo)題設(shè)定一個2px寬的藍色邊框:
h1 {-webkit-text-stroke: 2px blue}
另一個特性是，通過設(shè)定1px的透明邊框，可以讓文字變得平滑:
h2 {-webkit-text-stroke: 1px transparent}
創(chuàng)建紅色鏤空字體：
h3 {
color: transparent;
-webkit-text-stroke: 4px red;
}
擴展閱讀: Safari Developer Library
-webkit-nbsp-mode
換行有時是很棘手的事情：有時你希望文字在適當(dāng)?shù)牡胤綌嘈?而不是折行)，有時你又不想這樣。一個能控制這個的屬性就是-webkit-nbsp-mode，它讓你可以改變 空白符的行為，強制文字在它被用到的地方斷行。通過設(shè)置值為space即可實現(xiàn)。
擴展閱讀: Safari Developer Library
-webkit-tap-highlight-color
這個屬性只用于iOS (iPhone和iPad)。當(dāng)你點擊一個鏈接或者通過Javascript定義的可點擊元素的時候，它就會出現(xiàn)一個半透明的灰色背景。要重設(shè)這個表現(xiàn)，你可以設(shè)置-webkit-tap-highlight-color為任何顏色。
想要禁用這個高亮，設(shè)置顏色的alpha值為0即可。
示例
設(shè)置高亮色為50%透明的紅色:
-webkit-tap-highlight-color: rgba(255,0,0,0.5);
瀏覽器支持: 只有iOS(iPhone和iPad).
擴展閱讀: Safari Developer Library
出處：前端觀察
責(zé)任編輯：bluehearts
上一頁 CSS的未來:一些試驗性CSS屬性 [1] 下一頁 CSS的未來:一些試驗性CSS屬性 [3]
◎進入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 2 頁 CSS的未來:一些試驗性CSS屬性 [2]
