logo

CSS kitöltés

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.