CSS縮寫屬性整理

2021-07-29 23:34:32 字數 496 閱讀 3566

順序任意,除了border-style必須設定外,其餘值可以省略為預設值。只能設定全域性邊框,可以用border-top、border-left等簡寫屬性來覆蓋修改區域性

以下屬性可採用任何順序,且都是可選屬性:

background-clip

background-attachment

background-image

(順便說一句,background-size設定百分數時,第乙個數相對于父元素的width,第二個相對于父元素的height,如果只設定乙個,第二個為auto)

font-style

font-width

font-variant

font-size

font-family

前三個值的順序隨意且可預設,但是後兩個值必須有且必須是font-size在前,font-family在後的順序

font-size後加斜槓(/)可以新增line-height屬性

css 常用屬性縮寫

使用縮寫可以幫助減少你css檔案的大小,更加容易閱讀。css縮寫的主要規則如下 顏色 16進製制的色彩值,如果每兩位的值相同,可以縮寫一半,例如 000000可以縮寫為 000 336699可以縮寫為 369 盒尺寸 通常有下面四種書寫方法 property value1 表示所有邊都是乙個值val...

10 CSS的屬性縮寫

一些css屬性允許使用一串值代替許多屬性,值使用空格分開。margin,pdding和border width允許合併 margin top width,margin right width,margin bottom width等等,形式像這樣 property top right bottom ...

border英文縮寫 CSS 的簡寫屬性

定義 簡寫屬性是讓你同時設定其他幾個 css 屬性值的 css 屬性。使用簡寫屬性,web 開發人員可以編寫更簡潔 更具可讀性的樣式表,節省時間和精力。css 規範把簡寫屬性定義為作用於同一主題的一組屬性。比如 css 的background屬性就是乙個簡寫屬性,它可以定義background co...