CSS中padding-bottom和padding-right屬性的區(qū)別
你對(duì)CSS中padding-bottom 屬性和padding-right屬性的區(qū)別是否了解,這里和大家分享一下,希望對(duì)你的學(xué)習(xí)有所幫助。
CSS padding-bottom 屬性
定義和用法
padding-bottom 屬性設(shè)置元素的下內(nèi)邊距(底部空白)。
說明
該屬性設(shè)置元素下內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的下內(nèi)邊距不會(huì)影響行高計(jì)算,因此,如果一個(gè)元素既有內(nèi)邊距又有背景,從視覺上看可能延伸到其他行,有可能還會(huì)與其他內(nèi)容重疊。不允許指定負(fù)內(nèi)邊距值。
注釋:不允許使用負(fù)值。
實(shí)例
設(shè)置 p 元素的下內(nèi)邊距:
- p
- {
- padding-bottom:2cm;
- }
瀏覽器支持
所有主流瀏覽器都支持 padding-bottom 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
可能的值
#p#
CSS padding-right 屬性
定義
padding-left 屬性設(shè)置元素右內(nèi)邊距(空白)。
注釋:不允許使用負(fù)值。
繼承性:No
說明
該屬性設(shè)置元素右內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的右內(nèi)邊距僅在元素所生成的***個(gè)行內(nèi)框的右邊出現(xiàn).
JavaScript 語法
CSS 屬性也可通過一段 JavaScript 被動(dòng)態(tài)地改變。
腳本語法:
object.style.paddingRight="2cm"在我們的 HTML DOM 教程中,您可以找到更多有關(guān) paddingRight 屬性 的細(xì)節(jié)。
在我們的HTML DOM教程中,您也可以找到完整的 Style 對(duì)象參考手冊(cè)。
例子
- h1
- {
- padding-right: 10px
- }
可能的值
【編輯推薦】
- CSS中padding-bottom 屬性用法
- 實(shí)例解析CSS padding 屬性用法
- CSS padding-right 屬性
- CSS教程:詳解margin和padding屬性應(yīng)用場(chǎng)合
- 實(shí)現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法