CSS中padding-top和padding-left屬性的區(qū)別
你對CSS中padding-top和padding-left 屬性的用法是否了解，這里和大家分享一下兩者的區(qū)別，相信本文介紹一定會(huì)讓你有所收獲。
CSS 中padding-top和padding-left 屬性的區(qū)別
CSS padding-top屬性
定義和用法
padding-top屬性設(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-top:2cm;
- }
瀏覽器支持
所有主流瀏覽器都支持padding-top屬性。
注釋：任何的版本的InternetExplorer（包括IE8）都不支持屬性值"inherit"。
可能的值
CSS padding-left 屬性
定義和用法
padding-left 屬性設(shè)置元素左內(nèi)邊距（空白）。
說明
該屬性設(shè)置元素左內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的左內(nèi)邊距僅在元素所生成的***個(gè)行內(nèi)框的左邊出現(xiàn).
注釋：不允許使用負(fù)值。
實(shí)例
設(shè)置 p 元素的左內(nèi)邊距：
- p
- {
- padding-left:2cm;
- }
瀏覽器支持
所有主流瀏覽器都支持 padding-left 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
【編輯推薦】
- 實(shí)例解析CSS padding 屬性用法
- 微軟展示IE9瀏覽器 力推IE8將取代IE6市場
- 探究IE和Firefox下的2款HTTP調(diào)試工具用法
- 實(shí)例解析CSS中padding、margin兩個(gè)重要屬性用法
- 實(shí)現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法
