CSS 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 currentColorCSSS3
- 第一個CSS變數:currentColorCSS變數
- CSS3聊天氣泡框以及inherit、currentColor關鍵字CSSS3
- 【動畫消消樂】HTML+CSS 自定義載入動畫 064(currentColor的妙用!)動畫HTMLCSS
- CSS進階篇–你用過css3的這個currentColor新屬性嗎?使用與相容性CSSS3
- css 命名:BEM, scoped css, css modules 與 css-in-jsCSSJS
- 【CSS】CSS常用技巧CSS
- CSS——CSS基礎(1)CSS
- CSS中的“大白”——CSS 動畫CSS動畫
- CSS——CSS 值和單位CSS
- 【CSS】【3】CSS選擇器CSS
- 【CSS】【11】CSS盒子的定位CSS
- 【CSS】CSS前期回顧(2)CSS
- 【CSS】CSS前期回顧(1)CSS
- CSS系列:CSS常用樣式CSS
- CSS系列:CSS選擇器CSS
- CSS系列:CSS文字樣式CSS
- CSS系列:CSS表格樣式CSS
- CSS佈局入門[css]CSS
- CSSCSS
- 【CSS】CSS簡介,CSS基礎選擇器詳解CSS
- CSS——CSS 結構和層疊CSS
- CSS系列 (03):CSS三大特性CSS
- WebRTC與CSS濾鏡(CSS filter)WebCSSFilter
- 【CSS】【7】CSS的盒子模型CSS模型
- CSS系列:CSS中盒子模型CSS模型
- Css規範整理:2、css盒模型CSS模型
- CSS基礎:CSS變數簡介CSS變數
- 引人矚目的 CSS 變數(CSS Variable)CSS變數
- CSS初始化-KISSY CSS Reset 1.0CSS
- 《CSS揭祕》——CSS進階必備CSS
- 奇妙的 CSS shapes(CSS圖形)CSS
- 【CSS】【4】CSS選擇器練習CSS
- html cssHTMLCSS
- CSS ModulesCSS
- CSS columnsCSS
- CSS flexCSSFlex
- CSS calc()CSS