css屬性繼承

2021-08-21 16:08:51 字數 955 閱讀 1459

不可繼承的:display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align垂直文字對齊(它只對擁有valign特性的元素才生效)、page-break-after、 page-bread-before和unicode-bidi

所有元素可繼承的:

visibility,cursor

內聯元素可繼承:letter-spacing字間距、word-spacing詞間距控制英文單詞詞距、white-space、line-height、color、font-family、font-size、font-style、font-weight、text- decoration文字修飾、text-transform設定文字中的大小寫(none無轉換/capitalize首字母大寫/uppercase全都大寫/lowercase全都

寫)

塊狀元素可繼承:text-indent首行縮排(只對第一行起作用,可以取負值,只能用於隱藏文字)和text-align水平對齊方式(left/right/center/justify)。

列表元素可繼承:list-style、list-style-type:disc(實心圓)/circle(空心圓)/square(實心方塊 )none(去掉列表符號)、list-style-position(:outside/inside)、list-style-image(url)。

**元素可繼承:border-collapse。

css屬性繼承

一 無繼承性的屬性 1 display 規定元素應該生成的框的型別 2 文字屬性 vertical align 垂直文字對齊 text decoration 規定新增到文字的裝飾 text shadow 文字陰影效果 white space 空白符的處理 unicode bidi 設定文字的方向 3...

Css繼承屬性和非繼承屬性

一 無繼承性的屬性 1 display 規定元素應該生成的框的型別 2 文字屬性 vertical align 垂直文字對齊 text decoration 規定新增到文字的裝飾 text shadow 文字陰影效果 white space 空白符的處理 unicode bidi 設定文字的方向 3...

CSS屬性的繼承

在用css設計網頁時,經常會掉進坑里,有一部分原因就是沒有搞清楚css屬性的繼承機制。有繼承的屬性 1 字型系列屬性 font 組合字型 font family 規定元素的字型系列 font weight 設定字型的粗細 font size 設定字型的尺寸 font style 定義字型的風格 fo...