Hogyan lehet megvalósítani a kitöltést a CSS-ben példákkal

Ez a cikk részletes és átfogó ismereteket nyújt Önnek a Padding CSS-ben történő megvalósításáról, példákkal.

A párnázás az egyik legfontosabb szempont és . Ebben a cikkben a következő sorrendben tárgyaljuk a Padding fontosságát és használatát a CSS-ben:



Mi a Padding a CSS-ben?

A kitöltési tulajdonság segítségével megadhatja, hogy hol adjon meg és mekkora helyet jelenjen meg az elem tartalmi szövege és a szegély között. Ennek az attribútumnak hosszúságnak vagy százaléknak, vagy szónak kell lennie.



Padding-in-CSS



Ha az érték öröklődik, akkor ugyanaz lesz a párna, mint a szülőé. Itt, ha a százalékot használjuk, a százalék a tartalmazó mezőbe tartozik.

Párnázási tulajdonságok

A CSS-ben a Kitöltés alábbi tulajdonságai használhatók listák vezérlésére. Ennek ellenére különböző értékeket állíthat be a párnázáshoz a doboz bármely oldalán, elsősorban a következő tulajdonságokkal:

  • Aljzat: megadja egy elem alsó párnázását.



  • Párnahuzat: Megadja az elem felső párnázását.

  • Párnázás-bal: Megadja az elem bal oldali kitöltését.

  • Jobb párna: Megadja az elem megfelelő kitöltését.

  • Párnázás: Ez a további tulajdonságok gyorsírásaként szolgál.

A Padding-bottom tulajdonság:

Ez egy elem alsó párnázására van beállítva. Megtarthatja az értékeket százalékos hosszúságban.


Ez a bekezdésben megadott alsó párnázás



Ez egy másik bekezdés, amely az alsó kitöltést százalékban adja meg

Kimenet:

A párnázott tetejű ingatlan

Ez a padding-top tulajdonság megadja az elem felső párnázását. Ez százalékos értékeket vehet igénybe.


Ez a bekezdésben megadott felső párnázás



Ez egy másik bekezdés, amely a felső párnázatot százalékban határozta meg

Kimenet:

A Padding-bal ingatlan

Ez a baloldali kitöltési tulajdonság beállítja az elem bal oldali kitöltését. Ez százalékos értékeket vehet igénybe.


Ez az a bekezdés, amelyet a bal párnázás adott meg



Ez egy másik bekezdés, amely megadja a bal oldali kitöltést százalékban

Kimenet:

A Padding-right ingatlan

Ez a kitöltő jobb tulajdonság megadja az elem megfelelő kitöltését. Ez százalékos értékeket vehet igénybe.


Ez a bekezdés a jobb oldali kitöltést tartalmazza



Ez egy másik bekezdés, amely a jobb oldali kitöltést százalékban adja meg

Kimenet:

A Padding tulajdonság

Ez a párnázási tulajdonság a jobb, bal, felső és alsó párnázatot állítja be. Ehhez az értékek százalékos hosszúságúak lehetnek.


Mind a négy betét 20 képpontos lesz



A felső és az alsó párnázat 20 képpontos lesz, jobb és bal oldal a dokumentum teljes szélességének 10% -a



A felső és az alsó párnázat 20 képpontos, a jobb oldali kitöltés a dokumentum teljes szélességének 3% -a lesz, az alsó és a felső párnázat 20 képpontos lesz

Kimenet:

mi az esemény a javascriptben

Ezzel véget értünk ennek a csodálatos cikknek a CSS-ben a Paddingról. Remélem, megértette a párnázás különböző módjait.

Ha többet szeretne megtudni a webfejlesztésről, nézze meg a írta Edureka. A webfejlesztési tanúsítási képzés segít megtanulni, hogyan hozhat létre lenyűgöző weboldalakat a HTML5, CSS3, Twitter Bootstrap 3, jQuery és Google API-k használatával, és telepítheti az Amazon Simple Storage Service (S3) szolgáltatásba.

Ha továbbra is érdekel Ha bármilyen kérdése van, tegye fel a „Padding in CSS” blog megjegyzés rovatába, és amint lehetséges, kapcsolatba lépünk Önnel.