Cum se implementează padding în CSS cu exemple



Acest articol vă va oferi o cunoaștere detaliată și cuprinzătoare despre cum să implementați Padding în CSS cu exemple.

Căptușeala este unul dintre cele mai importante aspecte ale și . În acest articol vom discuta despre importanța și utilizarea Padding în CSS în următoarea ordine:

Ce este Padding în CSS?

Proprietatea de umplere vă permite să specificați și cât spațiu ar trebui să apară între textul conținutului unui element și marginea acestuia. Valoarea acestui atribut ar trebui să fie o lungime sau un procent sau cuvântul.





Padding-in-CSS



Dacă valoarea este moștenită, va fi aceeași căptușire ca și cea părinte. Aici, dacă este utilizat procentul, procentul este al casetei care conține.

Proprietăți de căptușire

Următoarele proprietăți ale Padding în CSS pot fi utilizate pentru a controla listele. Totuși, puteți seta, de asemenea, valori diferite pentru căptușeala pe oricare dintre părțile laterale ale cutiei, utilizând în principal următoarele proprietăți:

  • Umplutură de fund: specifică umplutura de jos a unui element.



  • Căptușeală: Specifică umplerea de sus a unui element.

  • Căptușire stânga: Specifică umplutura din stânga a elementului.

  • Căptușire-dreapta: Specifică umplerea corectă a elementului.

  • Garnitura: Aceasta servește ca o prescurtare pentru alte proprietăți.

Proprietatea de acoperire:

Aceasta este setată la umplerea de jos a unui element. Poate lua valorile în lungime procentuală.


Acesta este paragraful specificat în partea de jos



Acesta este un alt paragraf specificat în partea de jos, în procente

Ieșire:

ce este alert în javascript

Proprietatea Padding-top

Această proprietate de umplere-top va seta umplerea de sus a unui element. Aceasta poate lua valori în lungime procentuală.


Acesta este paragraful specificat în partea de sus



Acesta este un alt paragraf specificat în partea de sus, în procente

Ieșire:

Proprietatea Padding-left

tutorialele mele sql pentru începători

Această proprietate de umplere-stânga va seta umplerea la stânga a unui element. Poate lua valori în lungime procentuală.


Acesta este paragraful specificat în partea stângă



Acesta este un alt paragraf specificat în stânga în procente

Ieșire:

Proprietatea dreaptă de umplere

Această proprietate de umplere-dreaptă va seta umplerea potrivită a unui element. Poate lua valori în lungime procentuală.


Acesta este paragraful specificat pentru umplerea dreaptă



Acesta este un alt paragraf specificat complet în dreapta în procente

Ieșire:

Proprietatea de căptușire

Această proprietate de umplere setează umplutura dreapta, stânga, sus și jos. Aceasta poate lua valorile în lungime procentuală.


Toate aceste patru căptușeli vor avea 20 px



Căptușeala de sus și de jos va fi de 20 px, dreapta și stânga vor fi 10% din lățimea totală a documentului



Căptușeala de sus și de jos va fi de 20 px, căptușirea din dreapta va fi de 3% din lățimea totală a documentului, căptușeala de jos și cea de sus vor fi de 20 px

Ieșire:

Cu aceasta, ajungem la sfârșitul acestui uimitor articol despre Padding în CSS. Sper că ați înțeles diferitele moduri în care putem adăuga căptușeala.

Dacă sunteți interesat să aflați mai multe despre dezvoltarea web, consultați de Edureka. Instruirea pentru certificarea dezvoltării web vă va ajuta să învățați cum să creați site-uri web impresionante folosind HTML5, CSS3, Twitter Bootstrap 3, jQuery și API-urile Google și să îl implementați în Amazon Simple Storage Service (S3)

Dacă sunteți încă interesat Dacă aveți vreo întrebare, ați putea să o postați în secțiunea de comentarii a acestui blog „Padding in CSS” și vă vom răspunde cât mai curând posibil.