什么是css繼承?哪些屬性能繼承,哪些不能?


CSS繼承可定義為特定的css屬性向下傳遞到子孫元素,就是指被包在內部的標簽將擁有外部標簽的樣式,即子元素可以繼承父元素的屬性。

一、能繼承的屬性

1. 字體系列屬性:font、font-family、font-weight、font-size、font-style;
2. 文本系列屬性:
(1)內聯元素:color、line-height、word-spacing、letter-spacing、text-transform;
(2)塊級元素:text-indent、text-align;
3. 元素可見性:visibility
4. 表格布局屬性:caption-side、border-collapse、border-spacing、empty-cells、table-layout;
5. 列表布局屬性:list-style
6. 生成內容屬性:quotes
7. 光標屬性:cursor
8. 頁面樣式屬性:page、page-break-inside、windows、orphans;
9. 聲音樣式屬性:speak、speech-rate、volume、voice-family、pitch、stress、elevation;

二、不能繼承的屬性

1. display:規定元素應該生成的框的類型;
2. 文本屬性:vertical-align、text-decoration;
3. 盒子模型的屬性:width、height、margin 、border、padding;
4. 背景屬性:background、background-color、background-image;
5. 定位屬性:float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip;
6. 生成內容屬性:content、counter-reset、counter-increment;
7. 輪廓樣式屬性:outline-style、outline-width、outline-color、outline;
8. 頁面樣式屬性:size、page-break-before、page-break-after;
9. 聲音樣式屬性:pause、cue、play-during;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM