IT培訓(xùn)-高端面授IT培訓(xùn)機(jī)構(gòu)
          云和教育:云和數(shù)據(jù)集團(tuán)高端IT職業(yè)教育品牌
          • 國(guó)家級(jí)
            全民數(shù)字素養(yǎng)與技能培訓(xùn)基地
          • 河南省
            第一批產(chǎn)教融合型企業(yè)建設(shè)培育單位
          • 鄭州市
            數(shù)字技能人才(碼農(nóng))培養(yǎng)評(píng)價(jià)聯(lián)盟

          什么是內(nèi)邊距?怎么樣給盒子模型設(shè)置內(nèi)邊距?

          • 發(fā)布時(shí)間:
            2022-11-22
          • 版權(quán)所有:
            云和教育
          • 分享:

          在網(wǎng)頁(yè)設(shè)計(jì)中,為了調(diào)整內(nèi)容在盒子中的顯示位置,常常需要給標(biāo)記設(shè)置內(nèi)邊距,所謂內(nèi)邊距是指標(biāo)記內(nèi)容與邊框之間的距離,也稱內(nèi)填充,內(nèi)填充不會(huì)影響標(biāo)記內(nèi)容的大小。在CSS中padding屬性用于設(shè)置內(nèi)邊距,同邊框?qū)傩詁order一樣,padding也是一個(gè)復(fù)合屬性,其相關(guān)設(shè)置方法如下。

           

          padding-top:上內(nèi)邊距。

          padding-right: 右內(nèi)邊距。

          padding-bottom:下內(nèi)邊距。

          padding-left:左內(nèi)邊距。

          padding:上內(nèi)邊距[右內(nèi)邊距 下內(nèi)邊距 左內(nèi)邊距]。

          在上面的設(shè)置中,padding相關(guān)屬性的取值可為auto自動(dòng)(默認(rèn)值)、不同單位的數(shù)值、相對(duì)于父標(biāo)記(或?yàn)g覽器)寬度的百分比%,實(shí)際工作中最常用的是像素值(px),像素值不允許使用負(fù)值。

          L同邊框相關(guān)屬性一樣,使用padding屬性定義內(nèi)邊距時(shí),必須按順時(shí)針順序采用值復(fù)制,一個(gè)值為四邊、兩個(gè)值為上下/左右,三個(gè)值為上/左右/下。

          注意:如果設(shè)置內(nèi)外邊距為百分比,則不論上下或左右的內(nèi)外邊距,都是相對(duì)于父標(biāo)記寬度width的百分比,伴隨父標(biāo)記width的變化而變化,和高度height無關(guān)。