CSS中預設被繼承的屬性

2022-08-16 10:42:11 字數 1534 閱讀 7084

在css中,所有屬性都可以被繼承,只需要顯式的設定屬性值為inherit即可。如果不設定該屬性,css大部分屬性預設不會從父元素繼承而是設定初始值(initial value),但是有一部分屬性,預設從父元素繼承屬性值,下面來了解這些屬性。

font:組合字型

font-family:規定元素的字型系列

font-weight:設定字型的粗細

font-size:設定字型的尺寸

font-style:定義字型的風格

font-variant:設定小型大寫字母的字型顯示文字,這意味著所有的小寫字母均會被轉換為大寫,但是所有使用小型大寫字型的字母與其餘文字相比,其字型尺寸更小。

font-stretch:對當前的 font-family 進行伸縮變形。所有主流瀏覽器都不支援。

font-size-adjust:為某個元素規定乙個 aspect 值,這樣就可以保持首選字型的 x-height。

text-indent:文字縮排

text-align:文字水平對齊

line-height:行高

word-spacing:增加或減少單詞間的空白(即字間隔)

letter-spacing:增加或減少字元間的空白(字元間距)

text-transform:控制文字大小寫

direction:規定文字的書寫方向

color:文字顏色

visibility:規定元素是否可見。

caption-side:該屬性指定了表標題相對於表框的放置位置。

border-collapse:設定**的邊框是否被合併為乙個單一的邊框,還是象在標準的 html 中那樣分開顯示。

border-spacing:屬性設定相鄰單元格的邊框間的距離(僅用於「邊框分離」模式)。

empty-cells:設定是否顯示**中的空單元格(僅用於「分離邊框」模式)。

table-layout:顯示**單元格、行、列的演算法規則。

list-style-type:設定列表項標記的型別。

list-style-image:使用影象來替換列表項的標記。

list-style-position:設定在何處放置列表項標記。

list-style:簡寫屬性在乙個宣告中設定所有的列表屬性。

quotes:設定巢狀引用(embedded quotation)的引號型別。

cursor:規定要顯示的游標的型別(形狀)。參見瀏覽器中可用的游標型別。

page[css3]:檢索或指定顯示物件容器時使用的頁面型別。

page-break-inside:設定元素內部的 page-breaking 行為。

widows:設定或返回乙個元素必須在頁面頂部的可見行的最小數量。

orphans:設定或返回乙個元素必須在頁面底部的可見行的最小數量(用於列印或列印預覽)。

speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation。

css預設繼承屬性

文字相關的屬性可繼承,布局相關的屬性不可繼承。文字 font font family 規定元素的字型系列 font weight 設定字型的粗細 font size 設定字型的尺寸 font style 定義字型的風格 font variant 設定小型大寫字母的字型顯示文字,這意味著所有的小寫字母...

CSS可以被繼承的屬性

color 顏色,a元素除外 font 字型 font family 字型系列 font size 字型大小 font style 用於設定斜體 font weight 用於設定粗體 line height 行高 letter spacing 字母間距 word spacing 字間距 visibi...

css預設被後代inherite的屬性列表

css中的屬性大部分都可以被繼承,但是也有眾多不能被繼承,比如display,position,left,right,top,bottom,float,width,border color,border style,text decoration等不被繼承。下面列出能被繼承的屬性。詳細見下面的列表 ...