新聞中心
你對padding屬性的用法和作用是否了解,這里和大家分享一下,padding屬性又包括四個屬性padding-top、padding-right、padding-bottom、padding-left分別作用于上、右、下、左四邊。

目前創(chuàng)新互聯(lián)已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、成都網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計、廣平網(wǎng)站維護等服務(wù),公司將堅持客戶導向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
padding屬性
1、語法:padding:lenght
2、參數(shù):
(1)lenght:由浮點數(shù)字和單位標識符組成的長度值或者百分數(shù)。百分數(shù)是基于父對象的寬度。請參閱長度單位
3、說明:
設(shè)置對象四邊的內(nèi)邊距。默認值是0。
如果提供全部四個參數(shù)值,將按上、右、下、左的順序作用于四邊。
如果只提供一個,將作用于全部的四邊。
如果提供兩個,第一個作用于上、下,第二個作用于左、右。
如果提供三個,第一個作用于上,第二個作用于左、右,第三個作用于下。
內(nèi)聯(lián)對象要使用該屬性,必須先設(shè)定對象的height或width屬性,或者設(shè)定position屬性為absolute。不允許負值。
內(nèi)邊距留白處總是透明的,并且設(shè)置內(nèi)邊距會直接影響對象的大小。
對應(yīng)的腳本特性為:padding。
4、示例:
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
無標題文檔 - 這里是內(nèi)容,對象中的內(nèi)容到對象邊緣的距離是PADDING。
- 寬為270像素,高為175像素。但因為設(shè)置了內(nèi)邊距的上為30px,
- 左為40px所以,要想保持原大小寬就必須減去40px,高減去30px。
子對象
5、提示
(1)由實例可以看出,設(shè)置了padding屬性就相當于增加了對象的大小。原寬270px,高175px,設(shè)置padding:30px 0 0 40px后對象的大小應(yīng)該是寬為310px,高為205px,要想保持原大小就必須減去相應(yīng)的寬高。所以,例子中對象的寬是270-40=230px,高是175-30=145px。
(2)#right設(shè)置了padding:10px 0 0 10px,但其內(nèi)聯(lián)對象#sub_right的內(nèi)邊距并沒有發(fā)生變化,所以padding也是不具有繼承性的。
padding屬性是可以分別設(shè)置的。
padding-top、padding-right、padding-bottom、padding-left分別作用于上、右、下、左四邊。語法和參數(shù)和padding的設(shè)置相同。
當前文章:Padding屬性用法和作用
轉(zhuǎn)載來源:http://fisionsoft.com.cn/article/cohcdeo.html


咨詢
建站咨詢
