首先,padding這個簡寫屬性設置元素全部內邊距的寬度,或者設置各邊上內邊距的寬度。行內非替換元素上設置的內邊距不會影響行高計算;所以,若是一個元素既有內邊距又有背景,從視覺上看可能會延伸到其餘行,有可能還會與其餘內容重疊。元素的背景會延伸穿過內邊距。spa
注意,padding不容許指定負邊距值。code
「padding」內填充(內邊距)是在在元素的邊框以裏,內容之外產生一個距離,用來控制元素和內容之間的距離,且padding區域能夠顯示元素背景。而元素的可視寬度(即元素能夠被看到的部分的寬度),
可視寬度 = padding + width + border;blog
padding的多值寫法:
兩個值: (上下) (左右);
三個值: (上) (左右) (下);
四個值: (上) (右) (下) (左);
class
padding-top padding-right padding-bottom padding-left