Hvordan implementere polstring i CSS med eksempler



Denne artikkelen vil gi deg detaljert og omfattende kunnskap om hvordan du implementerer Padding i CSS med eksempler.

Polstring er en av de viktigste aspektene ved og . I denne artikkelen vil vi diskutere viktigheten og bruken av polstring i CSS i følgende rekkefølge:

Hva er polstring i CSS?

Polstringsegenskapen lar deg hvor du skal spesifisere og hvor mye plass som skal vises mellom innholdsteksten til et element og dets kant. Verdien til dette attributtet skal være en lengde eller en prosentandel, eller ordet.





Padding-in-CSS



Hvis verdien blir arvet, vil den være den samme polstringen som den overordnede. Her, hvis prosentandelen brukes, er prosentandelen av den inneholder boksen.

Polstringsegenskaper

Følgende egenskaper for Padding i CSS kan brukes til å kontrollere lister. Likevel kan du også angi forskjellige verdier for polstringen på begge sidene av boksen, hovedsakelig ved å bruke følgende egenskaper:

  • Polstring-bunn: den spesifiserer bunnen av et element.



  • Polstring-topp: Den spesifiserer den øverste polstringen av et element.

  • Polstring til venstre: Den spesifiserer venstre polstring av elementet.

  • Polstring-høyre: Den spesifiserer riktig polstring av elementet.

  • Polstring: Dette fungerer som en stenografi for ytterligere eiendommer.

Den polstrende eiendommen:

Dette er satt til bunnpolstring av et element. Det kan ta verdiene i prosentandel.


Dette er avsnittet spesifisert bunnpolstring



Dette er et annet avsnitt spesifisert bunnpolstring i prosent

Produksjon:

Padding-top-eiendommen

Denne padding-top-egenskapen vil sette topp padding av et element. Dette kan ta verdier i prosentandel.


Dette er avsnittet spesifisert topp polstring



Dette er et annet avsnitt spesifisert topp polstring i prosent

Produksjon:

Padding-venstre eiendommen

Denne padding-left-egenskapen vil sette venstre padding av et element. Det kan ta verdier i prosentandel.


Dette er avsnittet spesifisert venstre polstring



Dette er et annet avsnitt spesifisert venstre polstring i prosent

Produksjon:

Den padding-høyre eiendommen

Denne padding-høyre egenskapen vil angi riktig padding av et element. Det kan ta verdier i prosentandel.


Dette er avsnittet spesifisert høyre polstring



Dette er et annet avsnitt spesifisert høyre polstring i prosent

Produksjon:

hva gjør .innerhtml

Den polstrende eiendommen

Denne polstringsegenskapen angir høyre, venstre, topp og bunn polstring. Dette kan ta verdiene i lengde på prosent.


Alle disse fire polstringene vil være 20 px



Topp- og bunnpolstring vil være 20 px, høyre og venstre vil være 10% av den totale bredden på dokumentet



Topp- og bunnpolstring vil være 20 piksler, høyre polstring vil være 3% av den totale bredden på dokumentet, bunnpolstring og topppolstring vil være 20 piksler

Produksjon:

Med dette kommer vi til en slutt på denne fantastiske artikkelen om Padding i CSS. Jeg håper du har forstått de forskjellige måtene vi kan legge til polstring på.

Hvis du er interessert i å lære mer om nettutvikling, kan du sjekke ut av Edureka. Webutvikling sertifiseringstrening hjelper deg med å lære hvordan du lager imponerende nettsteder ved hjelp av HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google APIer og distribuerer det til Amazon Simple Storage Service (S3).

Hvis du fremdeles er interessert Hvis du har spørsmål, kan du legge det ut i kommentarfeltet til denne 'Padding in CSS' -bloggen, og vi vil kontakte deg så snart som mulig.