CSS padding(填充)是一個(gè)簡(jiǎn)寫屬性,定義元素邊框與元素內(nèi)容之間的空間,即上下左右的內(nèi)邊距。
CSS填充屬性允許您設(shè)置將其邊框與內(nèi)容分開的元素的填充區(qū)域。填充受background-color框的影響。
您可以使用CSS單獨(dú)的padding屬性輕松地為元素的不同側(cè)(例如,頂部,右側(cè),底部或左側(cè))指定不同的填充。
h1 { padding-bottom: 10px; } p { padding-top: 20px; padding-left: 50px; }測(cè)試看看?/?
padding屬性是一個(gè)速記屬性,以避免對(duì)元素的每一側(cè)上設(shè)置分別填充即padding-top,padding-right,padding-bottom,padding-left。
h1 { padding: 10px 20px; } p { padding: 10px 15px 20px 25px; }測(cè)試看看?/?
注意:與CSS margin屬性不同,填充屬性的值不能為負(fù)。與邊距屬性一樣,填充屬性的百分比值是指生成的框的包含塊的寬度。
該padding屬性可以采用一個(gè),兩個(gè),三個(gè)或四個(gè)空格分隔的值。
如果設(shè)置一個(gè)值,則將其應(yīng)用于所有四個(gè)側(cè)面。
如果指定了兩個(gè)值,則第一個(gè)值將應(yīng)用于頂部和底部,第二個(gè)值將應(yīng)用于右側(cè)和左側(cè)。
如果指定了三個(gè)值,則第一個(gè)值應(yīng)用于頂部,第二個(gè)值應(yīng)用于左側(cè)和右側(cè),最后一個(gè)值應(yīng)用于底部。
如果指定了四個(gè)值,則將它們分別以指定的順序應(yīng)用于頂部,右側(cè),底部和左側(cè)。