CSS3 currentColor
此屬性代表當前元素應用的color顏色值,也可以說是當前元素的文字顏色值。
瀏覽器相容:
(1).IE9+瀏覽器支援此屬性。
(2).edge瀏覽器支援此屬性。
(3).谷歌瀏覽器支援此屬性。
(4).火狐瀏覽器支援此屬性。
(5).opera瀏覽器支援此屬性。
(6).safria瀏覽器支援此屬性。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE HTML> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div { width:200px; height:100px; color:green; border:5px solid currentColor; } </style> </head> <body> <div></div> </body> </html>
currentColor獲取的顏色值就是當前div元素的字型顏色值,所以邊框的顏色是綠色。
相關文章
- CSS3聊天氣泡框以及inherit、currentColor關鍵字CSSS3
- CSS currentColorCSS
- 【動畫消消樂】HTML+CSS 自定義載入動畫 064(currentColor的妙用!)動畫HTMLCSS
- CSS3CSSS3
- CSS3簡明教程之初識CSS3CSSS3
- CSS3 quotesCSSS3
- css3省略……CSSS3
- CSS3 remCSSS3REM
- CSS3 vhCSSS3
- CSS3 vwCSSS3
- CSS3 vmaxCSSS3
- CSS3 vminCSSS3
- CSS3 TransitionCSSS3
- CSS3 @supportsCSSS3
- CSS3 clipCSSS3
- CSS3 ::SelectionCSSS3
- CSS3 counter()CSSS3
- CSS3 attr()CSSS3
- CSS3 orderCSSS3
- CSS3 @keyframesCSSS3
- CSS3 rotate()CSSS3
- CSS3 columnsCSSS3
- css3 漸變CSSS3
- CSS3之背景CSSS3
- CSS3 perspective(n)CSSS3
- CSS3象棋效果CSSS3
- CSS3 之 flexCSSS3Flex
- css3 新特性CSSS3
- CSS3 七 字型CSSS3
- CSS3筆記CSSS3筆記
- CSS3新特性CSSS3
- css3漸變CSSS3
- CSS3初識CSSS3
- CSS3簡明教程之徵服CSS3選擇器CSSS3
- CSS3選擇器02—CSS3部分選擇器CSSS3
- css3核心屬性CSSS3
- CSS3 動畫解析CSSS3動畫
- CSS3 animation 練習CSSS3