在CSS 中未定義時獲取應用字體
在Web 開發中,可能需要訪問用於渲染元素的實際字體當CSS沒有明確指定它時。如果文字繼承預設樣式或隱藏在系統或瀏覽器的預設設定中,則可能會發生這種情況。
要檢索此信息,您可以使用 getCompulatedStyle 函數:
function css(element, property) { return window.getComputedStyle(element, null).getPropertyValue(property); }
該函數有兩個參數:一個元素和一個 CSS 屬性。例如,要確定物件的字體大小,您可以使用:
css(object, 'font-size') // returns '16px' for instance
需要注意的是,IE8 不支援此方法。
現場示範:
[JS 小提琴示範](http://jsfiddle.net/4mxzE/)
這個示範展示了css 函數在實際應用中的用法。它使用自訂字體呈現 div 元素,並利用該功能在瀏覽器控制台中記錄應用的字體。
以上是當 CSS 沒有明確定義時,如何取得應用的字體?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

了解如何通過Chris Coyier實施WordPress的Gutenberg編輯器來創建一個自定義Codepen塊,並為Sanity Studio提供預覽。

格子呢是一塊圖案布,通常與蘇格蘭有關,尤其是他們時尚的蘇格蘭語。在Tartanify.com上,我們收集了5,000多個格子呢


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

WebStorm Mac版
好用的JavaScript開發工具

禪工作室 13.0.1
強大的PHP整合開發環境

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中