CSS中屬性Padding的引數個數定義及值的設定

2022-09-25 19:21:11 字數 595 閱讀 2966

一直弄不明白padding屬性的值的設定

今兒算是弄明白了

例如:

複製**

**如下:

body

body

body

body

檢視了css的標準文件,其中是這樣規定的:

如果只提供乙個,將用於全部的四條邊;

如果提供兩個,第乙個用於上-下,第二個用於左-右;

如果提供三個,第乙個用於上,第二個用於左-右,第三個用於下;

如果提供全部四個引數值,www.cppcns.com將按上-右-下-左的順序作用於四邊。

複製**

**如下:

body //物件四邊的補丁邊距均為36px

body //上下znoqplc兩邊的補丁邊距為36px,左右兩邊的補丁邊距為24px

body //上、下兩邊的補丁邊距分znoqplc別為36px、18px,左右兩邊的補丁邊距為24px

body //上、右、下、左補丁邊距分別為36px、24px、18px、12px

本文標題: css中屬性padding的引數個數定義及值的設定

本文位址:

CSS中margin和padding屬性的區別

本文將講述html和css的關鍵 盒子模型 box model 理解box model的關鍵便是margin和padding屬性,而正確理解這兩個屬性也是學習用css布局的關鍵.注 為什麼不翻譯margin和padding?原因一,在漢語中並沒有與之相對應的詞語 原因二 即使有這樣的詞語,由於在編寫...

CSS中padding屬性的引數順序

padding屬性是在 建設的過程中是必不可少的,它的主要作用就是設定物件四邊的補丁邊距,padding可以說給我們帶來的麻煩不少,最大的乙個就是瀏覽器相容性問題,這裡先拋開這個不說了,單來分析一下padding中引數屬性的作用規則,也就是哪個引數對應哪個補丁,從例子說起。test 這裡所有的引數都...

CSS中margin與padding的區別

1.margin 包括margin top,margin right,margin bottom,margin left,控制塊級元素之間的距離,它們是透明不可見的 是對於具體內容方塊的外邊距 2.padding 包括padding top,padding right,padding bottom,...