CSS padding Eiendom
Voorbeeld
Stel die opvulling vir al vier kante van 'n <p>-element op 35 pieksels:
p {
padding: 35px;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
'n Element se opvulling is die spasie tussen die inhoud en sy rand.
Die padding
eiendom is 'n snelskrif eiendom vir:
Let wel: Opvulling skep ekstra spasie binne 'n element, terwyl kantlyn ekstra spasie rondom 'n element skep.
Hierdie eiendom kan van een tot vier waardes hê.
As die opvulling-eienskap vier waardes het:
- vulling: 10px 5px 15px 20px;
- boonste vulling is 10px
- regtervulling is 5px
- onderste vulling is 15px
- linker vulling is 20px
As die opvulling-eienskap drie waardes het:
- vulling: 10px 5px 15px;
- boonste vulling is 10px
- regter- en linkervulling is 5px
- onderste vulling is 15px
As die opvulling-eienskap twee waardes het:
- vulling: 10px 5px;
- boonste en onderste vulling is 10px
- regter- en linkervulling is 5px
As die opvulling-eienskap een waarde het:
- vulling: 10px;
- al vier vulsels is 10px
Let wel: Negatiewe waardes word nie toegelaat nie.
Standaard waarde: | 0 |
---|---|
Geërf: | geen |
Animateerbaar: | ja, sien individuele eiendomme . Lees oor animeerbaar |
Weergawe: | CSS1 |
JavaScript-sintaksis: | voorwerp .style.padding="100px 20px" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
padding | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS-sintaksis
padding: length|initial|inherit;
Eiendomswaardes
Value | Description | Play it |
---|---|---|
length | Specifies the padding in px, pt, cm, etc. Default value is 0. Read about length units | |
% | Specifies the padding in percent of the width of the containing element | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Meer voorbeelde
Voorbeeld
Stel die opvulling vir 'n <p>-element op 35 pixels vir bo en onder, en op 70 pixels vir regs en links:
p {
padding: 35px 70px;
}
Voorbeeld
Stel die opvulling vir 'n <p>-element op 35 pixels vir bo, 70 pixels vir regs en links, en op 50 pixels vir onder:
p {
padding: 35px 70px 50px;
}
Voorbeeld
Stel die opvulling vir 'n <p>-element op 35 pixels vir bo, 70 pixels vir regs, 50 pixels vir onder en op 90 pixels vir links:
p {
padding: 35px 70px 50px 90px;
}
Verwante bladsye
CSS handleiding: CSS Padding
CSS handleiding: CSS Box Model
HTML DOM verwysing: opvulling eiendom