小編給大家分享一下css中padding屬性如何使用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)主營(yíng)雨山網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都APP應(yīng)用開發(fā),雨山h5小程序設(shè)計(jì)搭建,雨山網(wǎng)站營(yíng)銷推廣歡迎雨山等地區(qū)企業(yè)咨詢css padding屬性定義及用法
在css中,padding屬性是一個(gè)簡(jiǎn)寫屬性,用來(lái)設(shè)置所有內(nèi)邊距屬性(填充),將上邊距屬性、右邊距屬性、下邊距屬性、左邊距屬性定義在同一個(gè)聲明中。
css padding屬性語(yǔ)法格式
1.padding:屬性值1 屬性值2 屬性值3 屬性值4
2.padding:屬性值1 屬性值2 屬性值3
3.padding:屬性值1 屬性值2
4.padding:屬性值1
說(shuō)明:
1.padding屬性有4個(gè)屬性值時(shí):四個(gè)屬性值分別定義上內(nèi)邊距、右內(nèi)邊距、下內(nèi)邊距、左內(nèi)邊距
2.padding屬性有3個(gè)屬性值時(shí):屬性值1和屬性值3分別定義上內(nèi)邊距和下內(nèi)邊距。屬性值2定義右內(nèi)邊距、左內(nèi)邊距
3.padding屬性有2個(gè)屬性值時(shí):屬性值1定義上內(nèi)邊距和下內(nèi)邊距。屬性值2定義右內(nèi)邊距、左內(nèi)邊距
4.padding屬性只有1個(gè)屬性值時(shí):該屬性值定義上內(nèi)邊距、右內(nèi)邊距、下內(nèi)邊距、左內(nèi)邊距
可能的屬性值
auto:瀏覽器計(jì)算內(nèi)邊距
length:規(guī)定以具體單位計(jì)的內(nèi)邊距值,比如像素、厘米等(默認(rèn)為0px)
%:規(guī)定基于父元素的寬度的百分比的內(nèi)邊距
inherit:從父元素繼承padding屬性的值
實(shí)例
css padding屬性設(shè)置元素內(nèi)邊距 padding屬性設(shè)置元素內(nèi)邊距,這是為了演示效果所添加的文本。 padding:12px 14px 16px 18px;
運(yùn)行結(jié)果
以上是css中padding屬性如何使用的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。