HTML5 - Polstring

De polstring i HTML lar det oss generere et mellomrom mellom innholdet og kantene på esken som inneholder dem, på denne måten kan vi gi elementet luft og oppnå interessante grafiske effekter.

• Polstring: Initialiserer polstring for overkanten, målingene uttrykkes i lengde eller i prosent.
• Polstring-høyre: Initialiserer polstring for høyre kant, målingene uttrykkes i lengde eller i prosent.
• Polstring-bunn: Initialiserer polstring for nedre kant, målingene uttrykkes i lengde eller i prosent.
• Polstring-venstre: Initialiserer polstring for venstre kant, målingene uttrykkes i lengde eller i prosent.
• Polstring: Denne snarveien hjelper oss med å initialisere polstringen med alle kantene i en enkelt linje.

Noe viktig som vi må begrense når vi gjør initialiseringen av a polstring Å bruke prosentmålinger er at denne prosentandelen bare vil bli tatt basert på elementets bredde, aldri på høyden.
La oss nå se med en enkel kode hvordan du bruker a polstring i vårt HTML5 -dokument.

 Eksempel
Det er mange forskjellige frukttyper - det er over 500 varianter av bananer alene. Når vi legger til de utallige typer epler, appelsiner og annen kjent frukt, står vi overfor tusenvis av valg.

Som vi kan se fra denne koden, kan vi markere ganske interessante ting.Hvis vi ser nøye på, har vi allerede brukt andre stiler på elementet som vi polstrer, og det vil si at vi kan blande oss med andre elementer for å oppnå vårt resultat, vi kan se også at vi bruker måleenheten em i stedet for pxSelv om de to er kompatible, er det et spørsmål om at vi kan se deres allsidighet; La oss endelig se hvordan dette ser ut i nettleseren vår:

La oss nå se hvordan du bruker snarveien for å initialisere vår polstring i en enkelt linje, for dette er rekkefølgen på polstringsmålene som følger: Opp, Høyre, Ned, Venstre; I tillegg til dette når vi utelater verdier, justeres den andre verdien til den ikke-utelatte, for eksempel hvis vi utelater venstre vil det ta verdien til høyre, hvis vi utelater den nedre, vil den ta verdien av den øvre, hvis vi bare plasserer en verdi, vil de fire sidene ta den samme verdien.
Vi skal demonstrere all denne teorien med en praksiskodeks, la oss se hvordan vi implementerer polstring i en enkelt linje på en veldig enkel måte.

 Eksempel
Det er mange forskjellige frukttyper - det er over 500 varianter av bananer alene. Når vi legger til de utallige typer epler, appelsiner og annen kjent frukt, står vi overfor tusenvis av valg.

Som vi kan se, endrer polstringserklæringen ikke mye, og vi lagrer noen få linjer, la oss ta en titt på hvordan det ville se ut i nettleseren:

I dette elementet lager vi det med en ganske uregelmessig kant, hvis vi ikke hadde påført polstringen, ville rammen ha snappet opp teksten, gjøre endringen og sjekke i nettleserne for å se forskjellen.
Med dette fullfører vi HTML5 -opplæringsopplæringen, vi kan nå lage mellomrom innenfor elementene som inneholder innholdet i HTML -dokumentet, og det vi har igjen er å fortsette å øve til vi har mestret det vi har lært i denne opplæringen.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng