Sådan implementeres polstring i CSS med eksempler

Denne artikel vil give dig en detaljeret og omfattende viden om, hvordan du implementerer Padding i CSS med eksempler.

Polstring er et af de vigtigste aspekter af og . I denne artikel vil vi diskutere vigtigheden og brugen af ​​Padding i CSS i følgende rækkefølge:



Hvad er polstring i CSS?

Polstringsegenskaben giver dig mulighed for, hvor du skal angive, og hvor meget plads der skal vises mellem indholdet af et element og dets kant. Værdien af ​​denne attribut skal være en længde eller en procentdel eller ordet.



Padding-in-CSS



Hvis værdien nedarves, vil den være den samme polstring som den overordnede. Her, hvis procentdelen bruges, er procentdelen af ​​det indeholdende felt.

Polstringsegenskaber

Følgende egenskaber ved polstring i CSS kan bruges til at kontrollere lister. Alligevel kan du også indstille forskellige værdier for polstringen på begge sider af kassen, hovedsageligt ved hjælp af følgende egenskaber:

  • Polstring-bund: det specificerer den nederste polstring af et element.



  • Polstring-top: Det specificerer den øverste polstring af et element.

  • Polstring til venstre: Det specificerer elementets venstre polstring.

  • Polstring-højre: Det specificerer den rigtige polstring af elementet.

  • Polstring: Dette fungerer som en stenografi for yderligere ejendomme.

Padding-bottom egenskaben:

Dette er indstillet til nederst polstring af et element. Det kan tage værdierne i længden af ​​procenten.


Dette er det afsnit, der er specificeret nederst polstring

android studio trin for trin


Dette er et andet afsnit specificeret bundpolstring i procent

Produktion:

Padding-top-ejendommen

Denne padding-top egenskab indstiller top padding af et element. Dette kan tage værdier i længden af ​​procenten.


Dette er det afsnit, der er angivet øverste polstring



Dette er et andet afsnit angivet øverste polstring i procent

Produktion:

hvordan man afslutter et Java-program

Padding-venstre ejendommen

Denne polstring-venstre egenskab indstiller den venstre polstring af et element. Det kan tage værdier i længden af ​​procenten.


Dette er det afsnit, der er angivet til venstre polstring



Dette er et andet afsnit specificeret venstre polstring i procent

Produktion:

Den polstrende højre ejendom

Denne egenskab med polstring til højre indstiller den rigtige polstring af et element. Det kan tage værdier i længden af ​​procenten.


Dette er det afsnit, der er angivet til højre polstring



Dette er et andet afsnit specificeret højre polstring i procent

Produktion:

Den polstrende ejendom

Denne polstringsejendom indstiller polstring til højre, venstre, top og bund. Dette kan tage værdierne i længden af ​​procenten.


Alle disse fire polstringer er 20 pixel



Polstring øverst og nederst vil være 20 pixel, højre og venstre vil være 10% af den samlede bredde af dokumentet



Polstring øverst og nederst er 20 px, højre polstring er 3% af den samlede bredde af dokumentet, bundpolstring og toppolstring er 20 pixel

implementering af hashmap i java-kode

Produktion:

Med dette slutter vi denne fantastiske artikel om Padding i CSS. Jeg håber, du har forstået de forskellige måder, hvorpå vi kan tilføje polstring.

Hvis du er interesseret i at lære mere om webudvikling, skal du tjekke af Edureka. Webudvikling certificeringstræning hjælper dig med at lære, hvordan du opretter imponerende websteder ved hjælp af HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google API'er og distribuerer det til Amazon Simple Storage Service (S3).

Hvis du stadig er interesseret Hvis du har spørgsmål, kan du sende det i kommentarsektionen på denne 'Padding in CSS' -blog, og vi vender tilbage til dig hurtigst muligt.