2025 iThome 鐵人賽
分享至
由於瀏覽器的進步，絕大部分頁面都不會遭遇渲染元素的效能問題，但如果是較為複雜的頁面，則可以透過 CSS 的 contain 樣式屬性近一步控制渲染的內容範圍，這個單元會介紹 contain 樣式屬性與 layout、style、paint、size、strict、content 等屬性值的用法。
影片重點：
00:00:51 認識 contain 00:02:48 contain 撰寫語法 00:03:13 contain 屬性值 layout 00:06:45 屬性值 paint 00:09:04 屬性值 size 與 inline-size 00:10:39 屬性值 style 00:12:54 屬性值 strict 與 content
相關參考：
教學文：CSS contain 內容範圍 影片連結：https://www.youtube.com/watch?v=7lTSn2Rn3qc
更多參考： Youtube 頻道：https://www.youtube.com/@steam.oxxostudio CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html
更多參考：
IT邦幫忙
iThome鐵人賽
看影片追技術