在網頁設計中,為了調整內容在盒子中的顯示位置,常常需要給標記設置內邊距,所謂內邊距是指標記內容與邊框之間的距離,也稱內填充,內填充不會影響標記內容的大小。在CSS中padding屬性用于設置內邊距,同邊框屬性border一樣,padding也是一個復合屬性,其相關設置方法如下。
padding-top:上內邊距。
padding-right: 右內邊距。
padding-bottom:下內邊距。
padding-left:左內邊距。
padding:上內邊距[右內邊距 下內邊距 左內邊距]。
在上面的設置中,padding相關屬性的取值可為auto自動(默認值)、不同單位的數值、相對于父標記(或瀏覽器)寬度的百分比%,實際工作中最常用的是像素值(px),像素值不允許使用負值。
L同邊框相關屬性一樣,使用padding屬性定義內邊距時,必須按順時針順序采用值復制,一個值為四邊、兩個值為上下/左右,三個值為上/左右/下。
注意:如果設置內外邊距為百分比,則不論上下或左右的內外邊距,都是相對于父標記寬度width的百分比,伴隨父標記width的變化而變化,和高度height無關。