CSS Padding tulajdonság használt az elemtartalom és az elemszegély közötti tér meghatározásához .
Ez abban különbözik a CSS-margótól, hogy a CSS-margó határozza meg az elemek körüli teret. A CSS-kitöltést a háttérszínek befolyásolják. Megtisztítja a tartalom körüli területet.
A felső, alsó, bal és jobb oldali párnázás egymástól függetlenül változtatható külön tulajdonságok segítségével. Az összes tulajdonságot egyszerre is módosíthatja a gyorsított kitöltési tulajdonság használatával.
CSS kitöltés tulajdonságai
Ingatlan | Leírás |
---|---|
párnázás | Az összes kitöltési tulajdonság beállítására szolgál egy deklarációban. |
padding-bal | Egy elem bal oldali kitöltésének beállítására szolgál. |
padding-right | Egy elem jobb kitöltésének beállítására szolgál. |
padding-top | Egy elem felső párnázásának beállítására szolgál. |
párnázó-alsó | Egy elem alsó párnázásának beállítására szolgál. |
CSS kitöltési értékek
Érték | Leírás |
---|---|
hossz | A rögzített kitöltés meghatározására szolgál pt-ben, px-ben, em-ben stb. |
% | A kitöltést a tartalmazó elem %-ában határozza meg. |
CSS kitöltési példa
p { background-color: pink; } p.padding { padding-top: 50px; padding-right: 100px; padding-bottom: 150px; padding-left: 200px; } <p>This is a paragraph with no specified padding.</p> <p>This is a paragraph with specified paddings.</p>Tesztelje most
Kimenet:
Ez egy bekezdés meghatározott kitöltés nélkül.
Ez egy bekezdés meghatározott kitöltésekkel.