-moz-border-top-colors
這個屬性可以歸類為’養(yǎng)眼’。它讓你可以在border寬度大于1px的時候為其設(shè)置不同的邊框顏色。當(dāng)然-moz-border-bottom-colors, -moz-border-left-colors 和-moz-border-right-colors也是可用的。
不爽的是，沒有一個簡寫的-moz-border-colors 縮寫，所以每個邊框都要分開設(shè)置。同時，border-width要和給到的顏色的數(shù)量保持一致，否則，最后的那個顏色值會填充到剩下的寬度。
示例
這個例子中，元素的左右兩邊邊框會是標(biāo)準(zhǔn)的橙色，上下則有種類似漸變的顏色——紅黃藍(lán)三色。
div {
border: 3px solid orange;
-moz-border-top-colors: red yellow blue;
-moz-border-bottom-colors: red yellow blue;
}
瀏覽器支持: Gecko.
擴(kuò)展閱讀: Mozilla Developer Network
混合屬性
-webkit-user-select 和 -moz-user-select
或許你常常不希望用戶在你的網(wǎng)站上選擇文本，無論是否是出于版權(quán)的原因。通常大家會有js來實現(xiàn)，另一個方案就是，將-webkit-user-select 和-moz-user-select 的值設(shè)為none。
請謹(jǐn)慎使用這個屬性：因為大部分用戶是來查看信息的，他們可以復(fù)制并存儲下來以備將來之用，所以這種方法既無用也無效。如果你禁用了復(fù)制粘貼功能，用戶還是可以通過查看源文件來獲取到他們想要的內(nèi)容。搞不懂這個屬性為什么會被webkit和gecko支持。
瀏覽器支持: WebKit, Gecko.
擴(kuò)展閱讀: Safari Developer Library, Mozilla Developer Network
-webkit-appearance 和 -moz-appearance
你曾經(jīng)想過將一張圖片偽裝成單選按鈕么？或者，一個輸入框看起來像一個復(fù)選框？那么現(xiàn)在appearance 出現(xiàn)了。即便你并不想要讓一個鏈接看起來總是像個按鈕，下面這個例子也可以讓你了解到，只要你愿意就可以做到的：
示例
a {
-webkit-appearance: button;
-moz-appearance: button;
}
瀏覽器支持: WebKit, Gecko.
擴(kuò)展閱讀: Safari Developer Library, Mozilla Developer Network, Mozilla Developer Network,CSS3 appearance簡介
text-align: -moz-center/-webkit-center
這是一個屬性（或者精確來說，是個“屬性值”）的存在很讓人驚喜啊。要讓一個塊級元素居中，大家通常將其設(shè)置為margin:0 auto。但是，現(xiàn)在你也可以將元素的容器的text-align屬性設(shè)置為-moz-center 和 -webkit-center。相應(yīng)的，你也可以通過設(shè)置-moz-left、-webkit-left或-moz-right、-webkit-right將元素居左或者居右。
瀏覽器支持: WebKit, Gecko.
擴(kuò)展閱讀: Safari Developer Library
出處：前端觀察
責(zé)任編輯：bluehearts
上一頁 CSS的未來:一些試驗性CSS屬性 [4] 下一頁 CSS的未來:一些試驗性CSS屬性 [6]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 5 頁 CSS的未來:一些試驗性CSS屬性 [5]
